Skip to content

Instantly share code, notes, and snippets.

@GeekaholicLin

GeekaholicLin/prototype.css

Forked from anonymous/prototype.css
Created May 23, 2016 03:10
Show Gist options
  • Save GeekaholicLin/2a80a97ae888461c0da659de7dad4df9 to your computer and use it in GitHub Desktop.
Save GeekaholicLin/2a80a97ae888461c0da659de7dad4df9 to your computer and use it in GitHub Desktop.
Download ZIP
Prototype created with DevTools Prototyper
Raw
prototype.css
.box {
width: 300px;
height: 300px;
border: 1px solid #000;
background: -moz-repeating-linear-gradient(-30deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 150px, rgba(255, 255, 255, 0) 200px, rgba(255, 255, 255, 0.6) 200px, rgba(255, 255, 255, 0.6) 215px) no-repeat -300px 0, #000 no-repeat;
margin: 40px auto;
transition: all 1s ease;
}
.box:hover {
background-position: 300px 10px, 0 0;
}
Raw
prototype.html
<div class="box"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment