Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <h1 class="animated fadeInUp">Text text text</h1>
- <div class="divider animated fadeInUp"></div>
- h1 {
- text-align: center;
- }
- .divider {
- background-color: #808082;
- height: 2px;
- width: 80px;
- margin: 30px auto;
- -webkit-animation-delay: .5s;
- animation-delay: .5s;
- }
- .animated {
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- @-webkit-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- 100% {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- 100% {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInUp {
- -webkit-animation-name: fadeInUp;
- animation-name: fadeInUp;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement