Difference between revisions of "User:Alec2435"
Line 1: | Line 1: | ||
+ | {{CSS: | ||
+ | #animated_div | ||
+ | { | ||
+ | width:20%; | ||
+ | animation:animated_div 5s 1; | ||
+ | position:relative; | ||
+ | border-radius:5px; | ||
+ | -webkit-border-radius:5px; | ||
+ | animation-iteration-count: infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes animated_div | ||
+ | { | ||
+ | 0% {transform: rotate(0deg);left:0%;} | ||
+ | 25% {transform: rotate(20deg);left:5%;} | ||
+ | 50% {transform: rotate(0deg);left:90%;} | ||
+ | 55% {transform: rotate(0deg);left:90%;} | ||
+ | 70% {transform: rotate(0deg);left:90%;} | ||
+ | 100% {transform: rotate(-360deg);left:0%;} | ||
+ | } | ||
+ | |||
+ | <!--@-webkit-keyframes animated_div | ||
+ | { | ||
+ | 0% {-webkit-transform: rotate(0deg);left:0px;} | ||
+ | 25% {-webkit-transform: rotate(20deg);left:0px;} | ||
+ | 50% {-webkit-transform: rotate(0deg);left:500px;} | ||
+ | 55% {-webkit-transform: rotate(0deg);left:500px;} | ||
+ | 70% {-webkit-transform: rotate(0deg);left:500px;} | ||
+ | 100% {-webkit-transform: rotate(-360deg);left:0px;} | ||
+ | } | ||
+ | |||
+ | @-moz-keyframes animated_div | ||
+ | { | ||
+ | 0% {-moz-transform: rotate(0deg);left:0px;} | ||
+ | 25% {-moz-transform: rotate(20deg);left:0px;} | ||
+ | 50% {-moz-transform: rotate(0deg);left:500px;} | ||
+ | 55% {-moz-transform: rotate(0deg);left:500px;} | ||
+ | 70% {-moz-transform: rotate(0deg);left:500px;} | ||
+ | 100% {-moz-transform: rotate(-360deg);left:0px;} | ||
+ | } | ||
+ | |||
+ | @-o-keyframes animated_div | ||
+ | { | ||
+ | 0% {transform: rotate(0deg);left:0px;} | ||
+ | 25% {transform: rotate(20deg);left:0px;} | ||
+ | 50% {transform: rotate(0deg);left:500px;} | ||
+ | 55% {transform: rotate(0deg);left:500px;} | ||
+ | 70% {transform: rotate(0deg);left:500px;} | ||
+ | 100% {transform: rotate(-360deg);left:0px;} | ||
+ | }--> | ||
+ | }} | ||
[[File:Dan4.jpg|thumb|Dan loosing the game]] | [[File:Dan4.jpg|thumb|Dan loosing the game]] | ||
=My Name= | =My Name= |
Revision as of 18:27, 22 May 2016
{{CSS:
- animated_div
{ width:20%; animation:animated_div 5s 1; position:relative; border-radius:5px; -webkit-border-radius:5px; animation-iteration-count: infinite; }
@keyframes animated_div { 0% {transform: rotate(0deg);left:0%;} 25% {transform: rotate(20deg);left:5%;} 50% {transform: rotate(0deg);left:90%;} 55% {transform: rotate(0deg);left:90%;} 70% {transform: rotate(0deg);left:90%;} 100% {transform: rotate(-360deg);left:0%;} }
}}
Contents
My Name
Hi, I'm Alexander Velikanov, but I go by Alec, not Alex, Alec. I won't correct you if you call me Alex but I will secretly think less of you
About Me
2016 is going to be my second year at CTY at Saratoga Springs. After my first year at Saratoga Springs, I have slowly taken up maintaining the Saratoga Springs wiki page. Most of what you see on that page was either written or reorganized by me.