11-11-2015 Применение анимации к CSS свойству content |
|
![]() |
Обычно свойство content не участвует в элементах анимации. И зря. С его помощью можно делать довольно-таки интересные вещи. Подробности на демо-странице и в источнике. |
Применение анимации к CSS свойству content

11-11-2015 Анимация "лайка" как у Твиттера |
|
![]() |
Наверное все, кто пользуется Твиттером уже видели классную анимацию у сердечка, когда нажимается кнопка "мне нравится". Представляем вам готовый пример идентичный оригиналу. Плюс бонус в виде "дизлайка". |
Анимация "лайка" как у Твиттера

08-11-2015 Эффект дождя и воды на стекле с помощью canvas |
|
![]() |
Прекрасный пример возможностей canvas и WebGL в реализации эффекта капель воды на матовом стекле. Глядя на эти элементы понимаешь, что Веб становиться все совершенней и совершенней... Лучше всего смотреть через Хром. |
Эффект дождя и воды на стекле с помощью canvas

31-10-2015 Реверсивное изменение цвета текста с помощью CSS3 |
|
![]() |
Думаю многие дизайнеры и верстальщики сталкивались с проблемой отображения текста на различных цветных изображениях (когда страдает читабельность). В представленной статье показаны варианты решения данной проблемы. |
Реверсивное изменение цвета текста с помощью CSS3

29-10-2015 Анимация приветственного текста на CSS |
|
![]() |
Восемь вариантов анимированного текста для вступительного показа. Обычно такие эффекты можно использовать в переключении слайдов или просто при подгрузке во время скроллинга. |
Анимация приветственного текста на CSS

29-10-2015 Идея для эффекта сортировки блоков с контентом |
|
![]() |
Четырнадцать разных вариантов для сортировки или отбора карточек с какой-нибудь информацией. Все красиво и качественно, однако сложно представить момент, где это могло бы быть реализовано конкретно по задумке автора. Оптимально сделать из этого мини-слайдер. |
Идея для эффекта сортировки блоков с контентом

28-10-2015 Рендеринг SVG Path в WebGL |
|
![]() |
Грамотная статья от авторов css-tricks на тему "преобразование SVG path в элементы WebGL. Интересно то, что с каждым днем WEB рождает все новые технологии графики и эффектов, за которыми очень трудно поспевать... |
Рендеринг SVG Path в WebGL

25-10-2015 Несколько примеров оформления карточки проекта |
|
![]() |
Как всегда авторы codyhouse отличаются своей оригинальностью. Грамотно сделанные вкладки проектов с изображениями и описаниями при клике и скроллинге. Хороший вариант для креативных проектов. |
Несколько примеров оформления карточки проекта
