Боке с помощью градиентов на CSS3 + SVG

Если вы подписаны на блог, то наверное, помните, что уже была статья с бесплатными боке-текстурами, но то уже готовые файлы. Так почему бы не попробовать реализовать такой эффект вместо фонового изображения с помощью CSS3?

Стикеры на CSS3

Сегодня мы попробуем построить на CSS3 стикеры-заметки и стикеры-таблички. И так, поехали...

Создаем клевые текстовые эффекты теней с помощью text-shadow CSS3

Свойство text-shadow появилось в CSS3, благодаря Photoshop, для того, чтобы добавить тексту глубину, размер и подчеркнутость. И это еще не все, на что способно свойство text-shadow. С помощью него можно добавить креативности и красок, поиграть со смещением и размытием. Вот, что получилось сделать.

Эффект тени для текста на CSS

Чтобы создать эффект тени для текста в CSS3 ввели новое свойство text-shadow. К сожалению, это свойство не является частью спецификации и, соответственно, не поддерживается всеми браузерами, но с его помощью можно делать невероятные спецэффекты с текстом. Тогда рассмотрим варианты создания тени, используя правила CSS 2.1....

Photoshop эффекты с текстом на CSS

5 эффектов с текстом созданы с использованием png картинок на заднем плане. Таким образом, на этом примере, мы вам покажем, как, с помощью простых CSS правил, создавать текстовые заголовки с заливкой текста различными изображениями.

Звездная ночь: невероятный 3D параллакс эффект

Если вы еще не видели тайнственный и клевый сайт Silverback, то вам стоит его посетить. Почему? Попробуйте поменять размер окна браузера и вы увидите крутой параллакс эффект двигающихся лоз. Дизайн сайта создавал Пауль Аннет, он же и написал статью, как создавать параллакс эффект в дизайне....

Анимация перекатывающейся банки колы на CSS

Невероятная техника на CSS Ромы Кортеса (Román Cortés ) заставит вас улыбнуться. Просто посмотрите пример)...