Анимация за превъртане
Примерен код
aos js
CSS
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
JS
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
INITIALIZE AOS:
<script>
AOS.init();
</script>превъртане на анимацията css
.inline-photo {
border: 1em solid #fff;
border-bottom: 4em solid #fff;
border-radius: .25em;
box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
margin: 2em auto;
opacity: 0;
transform: translateY(4em) rotateZ(-5deg);
transition: transform 4s .25s cubic-bezier(0,1,.3,1),
opacity .3s .25s ease-out;
max-width: 600px;
width: 90%;
will-change: transform, opacity;
}
анимация на css превъртане
svg {
position: fixed; /* make sure it stays put so we can see it! */
animation: rotate 1s linear infinite;
/*animation-play-state: paused;*/
animation-delay: calc(var(--scroll) * -1s);
}
Подобни страници
Подобни страници с примери
На други езици
Тази страница на други езици
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................
Íslensk
..................................................................................................................
Популярно в тази категория
Популярните страници с примери в категория
empty row