CSS

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

Атрибут 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). Читать дальше »

Свойства CSS3 «transition» и «transform»

css3В данном уроке мы рассмотрим 2 свойства CSS3 «transition» и «transform». Благодаря этим свойствам, можно создавать эффекты анимации без использования Flash и Js. Читать дальше »

1 2 3