Philip Westfall PhilipWestfall
PhilipWestfall
/ h1-class-example.html
Created
June 5, 2019 18:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1 class="animated infinite bounce delay-2s">Hello!</h1> |
PhilipWestfall
/ Element-animate.css
Created
June 5, 2019 17:59
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .elementNAME { | |
| animation-duration: 3s; | |
| animation-delay: 2s; | |
| animation-iteration-count: infinite; | |
| } |
PhilipWestfall
/ Animate-css-head-example.html
Last active
June 5, 2019 17:56
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Manually uploaded CSS file. --> | |
| <head> | |
| <link rel="stylesheet" href="animate.min.css"> | |
| </head> | |
| <!-- CDN version of Animate.css --> | |
| <head> | |
| <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"> |
PhilipWestfall
/ Animate-example.css
Created
June 5, 2019 17:44
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-webkit-keyframes slideInLeft { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| visibility: visible; | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); |
PhilipWestfall
/ Hello.css
Last active
June 5, 2019 17:50
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| h3 { | |
| animation-duration: 8s; | |
| animation-name: slidein; | |
| animation-iteration-count: infinite; | |
| } | |
| @keyframes slidein { | |
| 0% { | |
| margin-left: 0%; | |
| } |