Дизайны PaRtiZzaN

Симба вон переписал двиг

# Kip-OK (27.04.2016 / 14:12)
ramzes, спец символы из хтмл?

# ruthless (27.04.2016 / 15:03)
ayzek, Вдохновляйтесь)) clk

# ramzes (27.04.2016 / 15:09)
спасибо) это помогло))

Kip-OK, ну вот мне делать нечего, людей глупостями напрягать))))
да, часа 2 мучался с поиском решения.
правда rorate все равно пришось заюзать, но вроде проглотили все браузеры более-менее номально

# ramzes (27.04.2016 / 15: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: 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;  }

ramzes, Шта ита боже?