Как создавать анимированные всплывающие подсказки с помощью CSS3

Сегодня мы вам покажем как создавать простые анимированные всплывающие подсказки с помощью свойства CSS3 transitions и псевдо-классов :before, :after.

Turn.js — плагин анимированной книги на HTML5 и jQuery

Turn.js — плагин jQuery, с помощью которого можно создать книгу с красивыми эффектами перелистывания страниц. Все это выполнено на HTML5.

Arctext.js — изогнутый текст с помощью CSS3 и jQuery

Вы знаете, что с помощью CSS3 можно вращать символы, но нельзя изгибать слова и предложения по кривой. Arctext.js — это тот плагин, который это может. Он создан на основе плагина Lettering.js, позволяющим вычислять правильный поворот букв и распределять их одинаково по всей мнимой дуге заданного радиуса.

Аналоговые часы на CSS3

Сегодня небольшая статья о том, как создать аналоговые часы на чистом CSS3 без использования JavaScript. У наших часов будет три стрелки: часовая, минутная и секундная. Каждая из них — это узкий прямоугольник, поворачивающийся под нужным углом в определенное время.

Круги на CSS

И еще раз всех с наступающим Новым 2012 годом. Пусть в 2012 ваши планы будут реализованы в рабочие проекты. А пока, в этот последний день 2011 года, еще раз вспомним про геометрию, выполененную с помощью CSS трюков. Мы уже создавали треугольники и различные фигуры с...

Интересные свойства -moz CSS

Если вы всегда находитесь в поисках новых интересных префиксов, характерных для определенных браузеров, то эта статья для вас. Речь пойдет о специфических селекторах -moz, для популярного браузера Firefox.

Бесплатный шаблон сайта — юридическая компания (PSD&HTML/CSS)

Пришло время зимних праздников и приятных подарков, и сегодня мы рады вам сделать такой небольшой подарок, в виде бесплатного шаблона сайта для юридической компании. Вы можете скачать шаблон, как с PSD исходниками, так и без них. Детализацию по ним вы можете посмотреть в статье. Всех...

Блок пожертвования (PSD и HTML/CSS)

Добрый день.) Если вы занимаетесь разработкой сайтов или ведете свой блог, то вам будет интересен стильный блок для пожертвования. Как видно из превьюшки, в блоке есть строка прогресса, где отображается текущая и максимальная суммы пожертвований и кнопка, призывающая внести взнос на развитие проекта. Вы можете...

Стили CSS3 для изображений

Сегодня речь пойдет о стилях CSS3, которые можно применить к изображениям (код предоставлен в виде сниппетов, поэтому эти данные вы можете использовать в своих проектах). Стоит отметить, что основные свойства, которые мы будем использовать — это box-shadow, border-radius и transition. Просто посмотрите на пример и увидите...

Эксперимент с анимацией и поворотом с помощью CSS и JQuery

Сегодня попробуем провести небольшой эксперимент с анимацией на CSS&jQuery. Сам пример работает только в браузерах Firefox и Chrome. В Safari эксперимент не проверялся. Также есть возможность добавить поддержку для Оперы. Напишите в комментариях, если такая реализация вам будет нужна. Сделаем.