/* transform: translateX(-1284.61px); visibility: hidden; */ .slideContentLinkAfterActivefalse{ position: relative; transform: none; transition: cubic-bezier(1, 1, 0, 0) 750ms; } .slideContentLinkAfterActivetrue{ transform: translateX(-272.5px); transition: transform 750ms; position: relative; /* transition: transform 1000ms cubic-bezier(0,0,0.2,1) 0ms; */ } .slideContentLinkBeforeActivefalse{ position: relative; transform: none; transition: cubic-bezier(0, 0, 1, 1) 750ms; } .slideContentLinkBeforeActivetrue{ transform: translateX(-272.5px); transition: transform 750ms; position: relative; }