Template:CSS/newpage
From 2014.igem.org
(Difference between revisions)
(22 intermediate revisions not shown) | |||
Line 26: | Line 26: | ||
} | } | ||
} | } | ||
+ | |||
body { | body { | ||
display: -webkit-box; | display: -webkit-box; | ||
Line 44: | Line 45: | ||
-webkit-animation: glow 8s both; | -webkit-animation: glow 8s both; | ||
animation: glow 8s both; | animation: glow 8s both; | ||
+ | |||
+ | |||
+ | |||
+ | |||
} | } | ||
+ | |||
+ | |||
span { | span { | ||
Line 189: | Line 196: | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
#Body path { | #Body path { | ||
stroke: #00ff30; | stroke: #00ff30; | ||
Line 324: | Line 329: | ||
} | } | ||
- | + | .below{ | |
- | + | -webkit-filter: url("#goo"); | |
filter: url("#goo"); | filter: url("#goo"); | ||
} | } | ||
Line 332: | Line 337: | ||
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
- | |||
width: 100%; | width: 100%; | ||
- | height: | + | height: 7vh; |
- | background: | + | background:red; |
} | } | ||
Line 341: | Line 345: | ||
.bubble { | .bubble { | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 90vh; |
left: 45%; | left: 45%; | ||
width: 50px; | width: 50px; | ||
height: 20px; | height: 20px; | ||
- | background: | + | background: red; |
border-radius: 50%; | border-radius: 50%; | ||
-webkit-animation: loader 1.3s ease-in-out infinite; | -webkit-animation: loader 1.3s ease-in-out infinite; | ||
Line 353: | Line 357: | ||
left: 50%; | left: 50%; | ||
width: 40px; | width: 40px; | ||
- | height: | + | height: 20px; |
-webkit-animation: loader 2.6s ease-in-out infinite; | -webkit-animation: loader 2.6s ease-in-out infinite; | ||
animation: loader 2.6s ease-in-out infinite; | animation: loader 2.6s ease-in-out infinite; | ||
Line 370: | Line 374: | ||
} | } | ||
50% { | 50% { | ||
- | -webkit-transform: translate(0, - | + | -webkit-transform: translate(0, -70px); |
- | transform: translate(0, - | + | transform: translate(0, -70px); |
} | } | ||
} | } | ||
+ | |||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 07:52, 9 June 2015