CSS Clipping & Masking (свойства clip-path и mask-image)

В этом обзоре я рассмотрел очередные прогрессивные CSS-технологии (свойства clip-path и mask-image), которые пока поддерживаются далеко не во всех браузерах: CSS Clipping & Masking. Используются для создания векторных обрезок элемента и растровых масок с прозрачностью.

Подробнее на блоге: http://uwebdesign.ru/css-clipping-masking/

Полезные ссылки:
• Clipping in CSS and SVG: https://wordpress.org/plugins/w3-total-cache/
• CSS Masking Module Level 1: http://www.w3.org/TR/css-masking/
• CSS Masking – HTML5 Rocks: http://www.html5rocks.com/en/tutorials/masking/adobe/
• Can I use… CSS clip-path: http://caniuse.com/#feat=css-clip-path
• Can I use… CSS Masks: http://caniuse.com/#feat=css-masks

Сегодняшняя музыка — Never Say Die Vol. 68. Все права принадлежат не нам.

Мы на твиттере:
• Александр Гончаров: http://twitter.com/websanya
• Никита Тарасов: http://twitter.com/justelementar

uWebDesign это:
• Сайт: http://uwebdesign.ru
• Подкаст в iTunes: https://itunes.apple.com/ru/podcast/uwebdesign-vse-o-veb-razrabotke/id923355344
• Паблик на ВК: http://vk.com/uwebdesign
• Лента в Twitter: http://twitter.com/uwebdesgn
• Канал на YouTube: https://youtube.com/user/uwebdesign
• Страница на Facebook: https://www.facebook.com/uwebdesgn

ПРИСОЕДИНЯЙТЕСЬ
Поделиться

uWebDesign

Вы находитесь на невероятном канале uWebDesign, Вашем путеводителе в мире web разработки! Здесь вы найдете лучшие обзорные ролики и подкасты про web технологии на русском языке: web и ux дизайн, инструменты для разработки, языки программирования и многое другое. Больше всего мы концентрируемся на различных CSS модулях, работе с SVG, разработке WordPress сайтов и языке программирования PHP. Приятного просмотра! Расписание роликов: • По вторникам выходит подкаст «Суровый веб». • По пятницам на нашем втором канале выходят игровые стримы: https://youtube.com/uwdgames • От случая к случаю на канале выходят обзорные ролики про Web технологии, а также уроки про Adobe Illustrator.