Skip to content

Instantly share code, notes, and snippets.

@uran1980
Created July 21, 2017 08:25
Show Gist options
  • Save uran1980/96b1bd25d9de0af2ac83321203c01664 to your computer and use it in GitHub Desktop.
Save uran1980/96b1bd25d9de0af2ac83321203c01664 to your computer and use it in GitHub Desktop.
gif animation
/* @see https://www.innos.com/ru/#/intro */
.intro__phone-screen,
.intro__phone-screen:after {
height: 575px;
position: absolute;
content: ''
}
.intro__phone-screen {
top: 57px;
left: 18px;
width: 319px;
overflow: hidden;
background-image: url(../images/gif/1.jpg);
background-position: 0 0;
backface-visibility: hidden;
transform: translateZ(0) scalex(.995);
transform-origin: top left;
will-change: background-position;
animation: gif1 6s step-end infinite;
animation-play-state: paused;
z-index: 3
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment