|
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 отличаются своей оригинальностью. Грамотно сделанные вкладки проектов с изображениями и описаниями при клике и скроллинге. Хороший вариант для креативных проектов. |
Несколько примеров оформления карточки проекта
