20 июля 2016
Нет комментариев
Решается метатегом
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
Решается метатегом
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
input[type=text]::-webkit-input-placeholder{ color:#ffffff; } input[type=text]::-moz-placeholder{ color:#ffffff; } input[type=text]:-moz-placeholder{ color:#ffffff; } input[type=text]:-ms-input-placeholder{ color:#ffffff; }
article{ word-wrap:break-word; }
Пример на LESS
.transition(@transition){ -webkit-transition:@transition; -moz-transition:@transition; -o-transition:@transition; transition:@transition; } .type{ width:299px; .type_photo{ height:299px; position:relative; overflow:hidden; .type_photo_hover{ .transition(top 0.4s ease-out 0.2s); display:block; width:100%; height:299px; position:absolute; top:299px; left:0px; background:@color_blue; } } &:hover{ .type_photo{ .type_photo_hover{ top:0px; } } } }
Работает только для текста в 1 строку (с white-space:nowrap;).
Пример на less:
article p{ display:none; &:first-child{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } }
.block { transition:all .1s ease-in-out; } .block:hover{ transform:scale(1.2); }
.fading{ max-height:100px; overflow:hidden; margin-top:-20px; } .fading:before{ content:""; display:block; height:20px; position:relative; top:80px; background-image:linear-gradient(to bottom,rgba(255,255,255,0),#ffffff 75%); }
http://habrahabr.ru/post/241485/