Архив

Публикации с меткой ‘css’

Решается метатегом

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
Categories: CSS, Web Tags:
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;
}
Categories: CSS Tags:
7 февраля 2016 Нет комментариев
article{
	word-wrap:break-word;
}
Categories: CSS Tags:
15 января 2016 Нет комментариев

Пример на 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;
			}
		}
	}
}
Categories: CSS Tags: ,
11 января 2016 Нет комментариев

Работает только для текста в 1 строку (с white-space:nowrap;).
Пример на less:

article p{
	display:none;
	&:first-child{
		display:block;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
}
Categories: CSS Tags: ,
11 января 2016 Нет комментариев
.block {
	transition:all .1s ease-in-out;
}
.block:hover{
	transform:scale(1.2);
}
Categories: CSS Tags:
21 декабря 2015 Нет комментариев
.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/

Categories: CSS Tags: