Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <style>
- html {
- cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1031.cur), progress !important;
- }
- body {
- background: url(http://www.psdgraphics.com/file/colorful-triangles-background.jpg);
- background-size: cover;
- background-repeat: no-repeat;
- color: white;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1031.cur), progress !important;
- }
- h1{
- color: white;
- text-shadow: 1px 1px rgba(0,0,0,0.6);
- font-family: arial;
- font-size: 200%;
- transition: color 0.5s, text-shadow 0.5s;
- text-align: center;
- cursor: pointer;
- text-decoration: none;
- }
- h1:hover {
- color: black;
- text-shadow: 1px 1px rgba(255,255,255,0.6);
- font-family: arial;
- font-size: 200%;
- }
- img {
- border: 3px solid white;
- border-radius: 8px;
- }
- button {
- color: white;
- border: 2px solid white;
- background: black;
- border-radius: 2px;
- font-size: 125%;
- transition: background 0.5s, color 0.5s, border 0.5s;
- }
- button:hover {
- color: black;
- border: 2px solid black;
- background: white;
- border-radius: 2px;
- font-size: 125%;
- }
- </style>
- <body>
- <h1>Sample Text</h1>
- <center>
- <button> Sample Text </button>
- <br>
- <br>
- <img src="http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/03/120430.gif" width=450 height=450> </img> </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement