Комментарии: Создание скошенных углов с использованием CSS3 https://www.dejurka.ru/css/angled-edge-css3/ Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Thu, 24 May 2018 16:41:47 +0000 hourly 1 http://wordpress.org/?v=3.2.1 Автор: A https://www.dejurka.ru/css/angled-edge-css3/comment-page-1/#comment-382294 A Tue, 07 Nov 2017 15:03:45 +0000 http://www.dejurka.ru/?p=141123#comment-382294 transform-origin: left bottom; transform-origin: left bottom;

]]> Автор: V https://www.dejurka.ru/css/angled-edge-css3/comment-page-1/#comment-381689 V Mon, 15 May 2017 17:13:48 +0000 http://www.dejurka.ru/?p=141123#comment-381689 А что нужно изменить, чтобы углы скашивались не слево направо, а наоборот? Чтобы и сверху и снизу одинаково. Никак не могу сообразить. Спасибо! А что нужно изменить, чтобы углы скашивались не слево направо, а наоборот? Чтобы и сверху и снизу одинаково. Никак не могу сообразить. Спасибо!

]]> Автор: иван https://www.dejurka.ru/css/angled-edge-css3/comment-page-1/#comment-380992 иван Sun, 15 Jan 2017 21:07:33 +0000 http://www.dejurka.ru/?p=141123#comment-380992 Впринципе полезно, но есть не состыковки в тексте и в коде, и некоторых свойств не хватает. Например здесь .block:before { top: 0; transform-origin: left top; transform: skewY(-3deg); } Для основного блока .block тогда необходимо добавить margin-top иначе не видно как меняется угол. Почему то в коде ниже это есть, а в тексте не написали. Ну это мелочи, просто мне как новичку пришлось попотеть, прежде чем понять в чем дело )) Впринципе полезно, но есть не состыковки в тексте и в коде, и некоторых свойств не хватает. Например здесь .block:before {

top: 0;

transform-origin: left top;

transform: skewY (-3deg);

}

Для основного блока .block тогда необходимо добавить margin-top иначе не видно как меняется угол. Почему то в коде ниже это есть, а в тексте не написали. Ну это мелочи, просто мне как новичку пришлось попотеть, прежде чем понять в чем дело))

]]>