CSS

В данной категории находятся уроки и статьи по работе с каскадными таблицами стилей CSS. С их помощью можно легко управлять дизайном сайта и упростить создание самого сайта.

Создание эффекта подогнутых уголков на CSS3

angleНедавно мы наткнулись на интересный эффект подогнутых уголков от Joshua Hibbert. Это было круто! Размышляя над его реализацией, первое, что пришло нам в голову, было найти альтернативное решение, которое позволило бы нам использовать текстуру в качестве фона для блока.

Атрибут required в HTML

requiredВы наверно часто видели, когда регистрировались на сайтах, что некоторые поля обязательны для заполнения и если его не заполнить, то выводится сообщение «Заполните это поле». Сегодня мы будем делать такое же поле.

Поворот изображения на 360 градусов и его трансформация в круг

transformДоброе утро пользователи сайта red-star.pro. В данном уроке мы будем поворачивать изображение на 360 градусов и трансформировать его в круг с помощью CSS3. Для этого мы будем использовать свойство transform.

Музыкальное выпадающее меню

musicmenuВ нашем сегодняшнем руководстве мы расскажем вам о том, как разработать музыкальное выпадающее меню (HTML5+CSS3). В данном меню у нас будут анимационные эффекты на CSS3 (очень привлекательный эффект при наведении на элементы меню).

Разрабатываем анимированный «липкий» header при помощи CSS3 и jQuery

sticky-headerТренды приходят и уходят. Некоторые из них закрепляются в сфере, так как позволяют решать определенные проблемы. И именно по этой причине на сегодняшний день существует одна интересная тенденция — «липкие» элементы.

Урок CSS3: Выдвижная панель поиска с помощью CSS3

search-panelДобрый день пользователи и посетители проекта red-star.pro. Вы наверное часто встречали на сайтах выдвижную панель поиска. Т.е. вы кликаете по полю поиска и она увеличиваться в ширине (выдвигается). Сегодня мы будем делать такую панель поиска.

Урок CSS3: Вертикальное смещение изображения

css3Всем добрый день. В этом уроке мы опять рассмотрим свойство CSS3 «transition». Это свойство мы рассматривали в уроке Свойства CSS3 «transition» и «transform». Сегодня мы будем применять это свойства для вертикального смещения изображения.

Подсказка к ссылке на чистом CSS3

tooltipДоброе утро пользователи сайта red-star.pro. Во время создания нового дизайна сайта www.arthurhabirov.com мне понадобилось сделать подсказки к ссылкам. Но я не хотел использовать JS, и сделал их с помощью чистого CSS3. В этом уроке я покажу как сделать такие же подсказки к ссылкам.

Уроки CSS3: Создание полосы прогресса (прогресс-бар) на CSS3

progressbarВ данном уроке мы узнаем как делать простые и анимированные полосы прогресса (progress bar). Делать мы это будем с помощью CSS3.

Styles.css для адаптивного дизайна

responsiveВ данной статье вы немного узнаете о Responsive web design, с чего начать, как сделать. Данная статья написана студией веб-дизайна wedeal.ru (WeDeal).

1 2 3