# ruthless (27.04.2016 / 15:03)
ayzek, Вдохновляйтесь)) clk
Достал уже вот немножко освежись
Тык!
# ramzes (27.04.2016 / 15:09)
спасибо) это помогло))
тьфу я думал эт тест такой, а ты для себя вариант искал
Kip-OK,
ну вот мне делать нечего, людей глупостями напрягать))))
да, часа 2 мучался с поиском решения.
правда rorate все равно пришось заюзать, но вроде проглотили все браузеры более-менее номально
.nav-bar>a, .nav-bar>span {
display: inline-block;
color: #FFFFFF;
height: 30px;
line-height: 30px;
margin-right: 20px;
box-sizing: border-box;
vertical-align: baseline;
overflow: hidden;
}
.nav-bar>a:after {
content: '﹀';
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
color: #2B4D6A;
margin-top: -1px;
font-size: 32px;
margin-left: 5px;
line-height: 31px;
}
# ramzes (27.04.2016 / 18:09)
.nav-bar>a, .nav-bar>span {
display: inline-block;
color: #FFFFFF;
height: 30px;
line-height: 30px;
margin-right: 20px;
box-sizing: border-box;
vertical-align: basel
Половины функций этих не знаю
Дизаинир йопт
.w-top {
-webkit-animation: w-move-t 1s forwards;
animation: w-move-t 1s forwards;
}
.w-right {
-webkit-animation: w-move-r 1s forwards;
animation: w-move-r 1s forwards;
}
.w-left {
-webkit-animation: w-move-l 1s forwards;
animation: w-move-l 1s forwards;
}
@-webkit-keyframes w-move-t {
from {top: -600px; opacity: 0; position: absolute; }
to {top: 0; opacity: 1; position: relative; display: inline-block; }
}
@keyframes w-move-t {
from {top: -600px; opacity: 0; position: absolute;}
to {top: 0; opacity: 1; position: relative; display: inline-block;}
}
@-webkit-keyframes w-move-r {
from {right: -600px; opacity: 0; position: absolute; }
to {right: 0; opacity: 1; position: relative; display: inline-block; }
}
@keyframes w-move-r {
from {right: -600px; opacity: 0; position: absolute;}
to {right: 0; opacity: 1; position: relative; display: inline-block; }
}
@-webkit-keyframes w-move-l {
from {left: -600px; opacity: 0; position: absolute; }
to {left: 0; opacity: 1; position: relative; display: inline-block;}
}
@keyframes w-move-l {
from {left: -600px; opacity: 0; position: absolute;}
to {left: 0; opacity: 1; position: relative; display: inline-block;}
}
.m-1 { animation-delay: 0.5s; }
.m-2 { animation-delay: 1s; }
.m-3 { animation-delay: 1.5s; }
.m-4 { animation-delay: 2s; }
.m-5 { animation-delay: 2.5s; }
.m-6 { animation-delay: 3s; }
.m-7 { animation-delay: 3.5s; }