Архив

Архив раздела ‘CSS’
14 января 2017 Нет комментариев

Универсально:

background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#0070bf),color-stop(100%,#005c9d));
background:-moz-linear-gradient(to bottom,#0070bf,#005c9d);
background:-webkit-linear-gradient(to bottom,#0070bf,#005c9d);
background:linear-gradient(to bottom,#0070bf,#005c9d);
Categories: CSS Tags:
23 декабря 2016 Нет комментариев
.block{
	column-count:2;
	column-gap:30px;
}

column-gap — межколоночный интервал

Categories: CSS Tags:
21 декабря 2016 Нет комментариев
@keyframes trambling-animation{
	0%,50%,100%{
		transform:rotate(0deg);
	}
	10%,30%{
		transform:rotate(-10deg);
	}
	20%,40%{
		transform:rotate(10deg);
	}
}
.trambling{
	animation:1.2s ease-in-out 0s normal none infinite running trambling-animation;
}

LESS с поддержкой старых браузеров

.transform(@transform){
	-moz-transform:@transform;
	-ms-transform:@transform;
	-webkit-transform:@transform;
	-o-transform:@transform;
	transform:@transform;
}
.animation(@animation){
	-webkit-animation:@animation;
	-moz-animation:@animation;
	-o-animation:@animation;
	animation:@animation;
}
@keyframes trambling-animation{
	0%,50%,100%{
		.transform(rotate(0deg));
	}
	10%,30%{
		.transform(rotate(-10deg));
	}
	20%,40%{
		.transform(rotate(10deg));
	}
}
.trambling{
	.animation(1.2s ease-in-out 0s normal none infinite running trambling-animation);
}

Или используйте jquery плагин jRumble:
https://jackrugile.com/jrumble/

Categories: CSS, Javascript Tags:
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
zoom:1;
*display:inline;
Categories: CSS Tags:

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

<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: