Применить стили к :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>'); });
Архив
Всего: 5 записей
Применить стили к :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>'); });
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); } }
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; } } }
1. Установка epel (если не установлен) и remi
yum install https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm yum install http://rpms.remirepo.net/enterprise/remi-release-7.rpm
2. Установка yum-utils (если не установлен)
yum install yum-utils3. Обновление или установка php
yum-config-manager --enable remi-php56 yum install php php-mcrypt php-cli php-gd php-curl php-mysql php-ldap php-zip php-fileinfo
4. Проверка версии
php -vhttps://www.tecmint.com/install-php-5-6-on-centos-7/
ul{ list-style:none; column-count:2; -moz-column-count:2; -webkit-column-count:2; } ul li{ -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -moz-page-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column; }
http://qaru.site/questions/34311/how-to-prevent-column-break-within-an-element