Урок по CSS маскам – создаем вращающуюся галерею

Урок по CSS маскам – создаем вращающуюся галерею css-live.ru

Я попробовал много вещей, которые вы можете сделать с CSS свойством "mask". С помощью этого свойства вы сможете наложить маску или обрезать любой элемент. В роли маски может выступать как PNG, так и SVG. Я связывал маски со свойствами transform и transition и добился крутого эффекта для галереи изображений. Я сделал демо для Chrome и ночных сборок Webkit...
« Комментарии

Похожие анонсы

Свойство "transform" в CSS3 @ 30.06.2010 19:43
Свойство transform - трансформация объектов, с помощью CSS3. Это свойство, которое может перемещать любой элемент, поворачивать его под любым углом и увеличивать до нужных размеров. Данное свойство вместе со свойством transition дает в результате красивую анимацию объектов.
Галерея изображений @ 02.09.2013 13:22
Давайте рассмотрим еще один такой интересный плагин для создания галереи изображений. Используя такую галерею изображений, можно переключать фотографии картинки. Данные картинки представлены ниже в уменьшенном масштабе. Вот здесь идет такая навигация. Вы можете переключать на другую страницу. Сейчас рассмотрим, и Вы сможете сделать точно такую же галерею.
Маска для лица в домашних условиях @ 27.08.2012 09:50
Многие женщины с течением времени приходят к выводу, что маски приготовленные в домашних условиях намного лучше, чем процедуры в SPA-салоне. Такие маски можно приготовить за пару минут. А какой они дают колоссальный эффект. Можно сделать маску из подручных средств, и еще для этого не нужно будет тратить много средств, что бы выглядеть красиво, свежо и молодо.
Делаем флэш-галерею с подгружаемыми изображениями @ 25.01.2010 18:39
Урок-флэш. Как сделать галерею для фотографий или изображений, которая будет загружать иллюстрации с сервера. В уроке подробно описан процесс создания галереи, также есть исходник кода Action Script.
Маски из толокна для лица @ 23.03.2016 11:12
Толокно не очень популярное косметическое средство, а зря. Толокно можно использовать в виде масок для лица, а еще как скраб для нежной и чувствительной кожи. Маски из толокна подойдут любому типу кожу, особенно полезны маски для сухой шелушащейся кожи. Толокно содержит много витаминов, питательных веществ и минералов, а еще толокно обладает абсорбирующим свойством.
Как сделать карнавальные маски на Хэллоуин? @ 03.10.2013 13:55
Сделайте карнавальную маску на Хэллоуин, костюмированный бал или карнавал. Купить карнавальную маску в магазине не так-то просто. Так зачем бегать по городу в ее поисках и тратить деньги, если сделать маску самому – одно удовольствие...
Маски для лица: найдите ту, что подходит именно Вам @ 15.03.2015 08:47
После того как вы освоили стандартный уход за кожей, лучший способ сохранить ее ухоженной и светящейся – добавить в программу маски. Иностранный эксперт кожи Кейт Сомервилль рекомендует использовать маску один или два раза в неделю в зависимости от индивидуальных потребностей. О том, какую маску использовать именно Вам, читайте дальше.
Как сделать яичный шампунь-маску для волос @ 31.07.2015 17:30
Сегодня я расскажу о шампунях-масках для волос, с помощью которых вы сможете максимально восстановить свои волосы, сделать их более крепкими и ускорить рост. Но есть одно условие: маски нужно наносить регулярно 1-2 раза в неделю. Восстанавливающий эффект будут заметен уже после первого применения.
Создаем полноэкранную галерею для сайта @ 30.11.2011 18:22
На просторах интернета можно не раз увидеть подобную версию галереи, но сегодня мы, все таки, решили уделить урок по созданию этой полноэкранной галереи для сайта с помощью jQuery. Идея заключается в том, чтобы отображать миниатюру текущего изображения в отдельном блоке с описанием. Большое изображение будет перемещаться вверх или вниз в зависимости от направления, которое мы выберем.
Маски с соком крыжовника рецепты @ 25.08.2018 02:13
Некоторая кожа отлично воспринимает маску с ценным соком спелого крыжовника с добавлением коровьего молока в равных дозах. После такой маски лицо нужно смягчить кремом.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте