KRYLOVblog

Метка

css

Всего: 64 записи

css — c большой буквы

CSSНет комментариев

Первая буква в ссылке заглавная
less:

ul{
	li{
		a{
			display:block;
			&:first-letter{
				text-transform:uppercase;
			}
		}
	}
}

css:

ul li a{
	display:block;
}
ul li a:first-letter{
	text-transform:uppercase;
}

Первая буква в каждом слове заглавная
less:

ul{
	li{
		text-transform:capitalize;
	}
}

css:

ul li{
	text-transform:capitalize;
}

jquery before css

CSS, JavascriptНет комментариев

Применить стили к :before (1200 — ширина рабочей области)

$(window).load(function(){
	var half=(parseInt($(window).width())-1200)/2;
	$('head').append('<style>.title:before{width:'+(half-15)+'px;left:-'+half+'px;}</style>');
});

css косая граница

CSSНет комментариев

Less:

.block{
	position:relative;
	&:before{
		content:'';
		position:absolute;
		top:0;
		left:-20px;
		display:block;
		width:20px;
		height:100px;
		background:@color_white;
		-webkit-transform:skewX(15deg);
		-moz-transform:skewX(15deg);
		-ms-transform:skewX(15deg);
		-o-transform:skewX(15deg);
		transform:skewX(15deg);
	}
}

owl carousel no animation

CSS, JavascriptНет комментариев

Javascript:

$('#owl_1').owlCarousel({
	loop:true,
	margin:0,
	items:1,
	nav:false,
	dots:false,
	autoplay:true,
	autoplayTimeout:500,
	animateOut:'fadeOut',
	animateIn:'fadeIn',
});

Less:

#owl_1{
	.animated{
		-webkit-animation-duration:0ms;
		animation-duration:0ms;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
	}
	.fadeOut{
		-webkit-animation-name:fadeOut;
		animation-name:fadeOut;
	}
	@-webkit-keyframes fadeOut{
		0%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@keyframes fadeOut{
		0%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
}