Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // compass
- @import "compass/css3";
- @import "compass/utilities/sprites";
- /*
- * - - - - - - - - - -
- * some icons for testing
- * - - - - - - - - - -
- */
- @import "../images/spritesTest/*.png";
- @include all-spritesTest-sprites;
- #spritesOverview span {
- width: 32px;
- height: 32px;
- display: block;
- transition: all 0.2s ease-in;
- &:hover {
- @include transform(scale(1.8));
- transition: all 0.4s ease-out;
- }
- }
- @for $i from 1 through 20 {
- .step#{$i} {
- animation: movement 1500ms ease (75ms * $i) infinite alternate;
- }
- }
- @keyframes movement {
- from {
- @include transform(scale(1.0) translateY(0px) rotateX(0deg));
- box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- }
- to {
- @include transform(scale(1.5) translateY(-25px) rotateX(45deg));
- box-shadow: 0 25px 25px rgba(0, 0, 0, 0.2);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement