Ser Archer (Talk | contribs) |
Ser Archer (Talk | contribs) |
||
Line 23: | Line 23: | ||
{ | { | ||
outline:none; | outline:none; | ||
+ | } | ||
+ | |||
+ | .box{ | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | margin: 0 50%; | ||
+ | width: 1000px; | ||
+ | height: 600px; | ||
+ | left: -600px; | ||
+ | opacity: 1; | ||
+ | transition: opacity 1s; | ||
+ | |||
+ | } | ||
+ | @keyframes mymove { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-moz-keyframes mymove { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes mymove { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-o-keyframes mymove { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .wheel | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 325px; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | left:49px; | ||
+ | animation: rotate 10s infinite; | ||
+ | -webkit-animation: mymove 10s infinite; | ||
+ | animation-timing-function: linear; | ||
+ | background: url(https://static.igem.org/mediawiki/2018/0/0a/T--CPU_CHINA--background-wheel.png); | ||
+ | background-size: 100px 100px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .carriage | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 145px; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | background: url(https://static.igem.org/mediawiki/2018/4/41/T--CPU_CHINA--background-carriage.png); | ||
+ | background-size: 150px 150px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
} | } | ||
</style> | </style> |
Revision as of 03:49, 11 September 2018
More relevant background information can be seen in Background