Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- #test p {
- margin-top: 25px;
- font-size: 21px;
- -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
- -moz-animation: fadein 2s; /* Firefox < 16 */
- -ms-animation: fadein 2s; /* Internet Explorer */
- -o-animation: fadein 2s; /* Opera < 12.1 */
- animation: fadein 2s;
- }
- @keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Firefox < 16 */
- @-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Safari, Chrome and Opera > 12.1 */
- @-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Internet Explorer */
- @-ms-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Opera < 12.1 */
- @-o-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- </style>
- </head>
- <body>
- <div id="test">
- <p>This is a test</p>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement