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

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

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

27-10-2015 30 эффектов при наведении с помощью CSS3 |
|
![]() |
Тридцать забавных и не очень эффектов на чистом CSS при наведении (:hover). Идеи не новы, но для сподручных заметок подойдет :) |
30 эффектов при наведении с помощью CSS3

27-10-2015 Оригинальная навигация на странице |
|
![]() |
Креативная панель навигации с помощью CSS и JS. При клике на кнопку меню появляется анимированная вставка с ссылками, которые вызывают всплывающие боксы с информацией. Поддержка IE10+. |
Оригинальная навигация на странице

26-10-2015 Создание угловых краев с помощью CSS3 |
|
![]() |
В Сети уже конец 2015 года, а веб-разработка все продолжает нас удивлять. Представляем вам пример и руководство по созданию вытянутых углов контейнера средствами CSS. В примерах используются свойства clip-path и transform. |
Создание угловых краев с помощью CSS3

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

25-10-2015 svg-mesh-3d - конвертор SVG в 3-Д сетки |
|
![]() |
Модуль высшего уровня для преобразования SVG <path> строку в 3D триангулированные сетки. Лучше всего подходит для силуэтов, как значок шрифта SVG. |
svg-mesh-3d - конвертор SVG в 3-Д сетки
