CSS
- 3 ответа
- 0 вопросов
2
Вклад в тег
a:after {
content: "";
background: url(../images/plus.png) no-repeat center center;
color: #000000;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 50px;
margin: 0 auto;
top: 0;
opacity: 0;
transition: .4s;
}
a:hover:after {
opacity: 1;
transition: .4s;
}.bg {
background: no-repeat top center url(../img/bg-header.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}div { width:90px; height:90px;
position:fixed; z-index:2; left:0; top:0;
-webkit-animation-name: 'anime';
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: linear;
animation-name: 'anime';
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: linear;
background:#1E800E;}
@-webkit-keyframes 'anime' {
from {left:0}
50% {left:60px}
60% {left:50px}
70% {left:60px;}
to {left:0px}
}