Создание вращающихся лучей с помощью CSS3 анимации и JavaScript

Томас Фукс, создатель script2 (Scriptaculous «вторая итерация») и Zepto.js (мобильный JavaScript фреймворк), создает выдающиеся анимационные элементы на JavaScript. Он легенда по праву, и не зря. Его работа вдохновила веб-разработчиков во всем мире отказаться от Flash и сделать свой выбор в пользу JavaScript. Из его проектов...

Стикеры на CSS3

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

Любовный напиток No. 9. Пример №3. Zurb-эксперименты с тенями на CSS

Вам приходилось быть на месте человека, когда вы любите кого-то, а вас нет? Хотя, мы не можем заставить кого-то полюбить, но в качестве подарка можем предложить любовный напиток с пузырьками на CSS. Для такой смеси мы сначала использовали простое изображение колбы, а затем и пузырьки,...

Таблица химических элементов. Пример №2. Zurb-эксперименты с тенями на CSS

Давайте предположим, что вы учитель химии, и, кроме всего прочего, дизайнер. Единственное, что вам захотелось бы сделать, так это периодическую таблицу химических элементов Менделеева на HTML и CSS!

Темная сторона луны. Пример №1. Zurb-эксперименты с тенями на CSS

Тени — это клево. Все началось с Photoshop. В нем тени создавались с помощью картинок на заднем плане. Сейчас все проще, тени можно создавать с помощью CSS. Действительно, можно задать вашему элементу любое количество теней. Box-shadow и text-shadow позволяют создавать нам такие интересные вещи, которых даже...

Красивый способ отображения социальных иконок на CSS3

Идея с таким способом отображения иконок была взята с сайта Pubwich. Общий дизайн сайта выглядит довольно хорошо, но часть сайта, где расположены социальные иконки, заслужила особого внимания. Когда вы наводите мышкой на иконку, появляется подсказка с именем социалки, а все остальные иконки становятся полупрозрачными.

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

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

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

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

Меню в стиле аккордеона на CSS

Сегодня представим вам меню, выполненное в стиле аккордеона. Сделано меню на CSS и HTML.

Анимированные пузырьковые кнопки на CSS3

На этой неделе мы попробуем создать полезный набор анимированных кнопок, используя всю мощь CSS3. С этим набором вы сможете просто странсформировать любую ссылку на вашем сайте в анимированную кнопку, назначив ей всего лишь имя класса(ов). В JavaScript нет необходимости, потому что в наборе реализовано четыре(!)...