highaim tosky102
tosky102
/ index.html
Created
July 4, 2018 07:58
— forked from dennisschipper/index.html
Mouseover effect with css transitions
This file contains hidden or 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
| <!doctype html> | |
| <head> | |
| <title></title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="box_to_transform"> | |
| <a href="#"> | |
| <img src="http://www.designfordetails.com/blog/img/photoshop_logo.png"> |
tosky102
/ scrolling-text-overflow-text-color.scss
Created
June 25, 2018 07:36
— forked from shopifypartners/scrolling-text-overflow-text-color.scss
Subtle animation styling for overflow and color of scrolling text
This file contains hidden or 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
| #scroll { | |
| height:50px; | |
| overflow:hidden; | |
| } | |
| #scroll > div > div { | |
| color:#FFFFFF; | |
| height:45px; | |
| margin-bottom:45px; | |
| display:inline-block; |
tosky102
/ gist:4541628d7c26ab8c6c5d67dab19a3d47
Created
June 23, 2018 17:47
— forked from pitch-gist/gist:2999707
HTML: Simple Maintenance Page
This file contains hidden or 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
| <!doctype html> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { text-align: center; padding: 150px; } | |
| h1 { font-size: 50px; } | |
| body { font: 20px Helvetica, sans-serif; color: #333; } | |
| article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> |