diff --git a/electron.css b/electron.css index b303e68..543fa18 100644 --- a/electron.css +++ b/electron.css @@ -6,6 +6,64 @@ --border-radius: 5px; } +html, body { + width: 300px; + height: 200px; + background: rgb(27, 27, 27); + animation: mymove 15s infinite; +} + +@keyframes mymove { + from {background-color: red;} + to {background-color: blue;} +} + +@-webkit-keyframes rotating /* Safari and Chrome */ { + from { + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotating { + from { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} +video { + -webkit-animation: rotating 2s linear infinite; + -moz-animation: rotating 2s linear infinite; + -ms-animation: rotating 2s linear infinite; + -o-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} +blink, .blink { + -webkit-animation: blink 0.2s step-end infinite; + -moz-animation: blink 0.2s step-end infinite; + -o-animation: blink 0.2s step-end infinite; + animation: blink 0.2s step-end infinite; +} +@-webkit-keyframes blink { 67% { opacity: 0 }} +@-moz-keyframes blink { 67% { opacity: 0 }} +@-o-keyframes blink { 67% { opacity: 0 }} +@keyframes blink { 67% { opacity: 0 }} + * { box-sizing: border-box; margin: 0; diff --git a/index - Copy.html b/index - Copy.html new file mode 100644 index 0000000..a6d2c90 --- /dev/null +++ b/index - Copy.html @@ -0,0 +1,68 @@ + + + +
+ + +