Метки: CSS

Как добавить тень прозрачной картинке через CSS свойства?

Как добавить тень прозрачной картинке через CSS свойства?

В сегодняшнем небольшом посте хочу разобрать чисто рабочую ситуацию с которой однажды столкнулся. Попадает мне в работу очередной макет для верстки шаблона. В нем присутствовали картинки (png формата) на которых было изображение на прозрачном фоне, вроде бы ничего необычного, но нарисованный элемент был окантован элегантной тенью. Вставить это изображение вместе с тенью, как цельную картинку я […]

Читать далее

Онлайн сервис генерации префиксов для CSS свойств

Онлайн сервис генерации префиксов для CSS свойств

Сегодня речь пойдет об онлайн сервисе для генерации CSS кода с префиксами. Пара слов о том, что такое префиксы в CSS свойствах, откуда они взялись и зачем их нужно ставить. Дело в том что современные возможности спецификации CSS2-3  внедрялись браузерами постепенно. Этот путь имеет поступательный характер и дабы дать своим пользователям новые возможности, браузеры внедряли эти свойства добавляя к […]

Читать далее

Как убрать обтекание и раскрыть родительский блок с float элементами?

Как убрать обтекание и раскрыть родительский блок с float элементами?

Когда внутри родительского блока находятся только float (плавающие) элементы, то родительский блок схлопывается. Как убрать обтекание и раскрыть родительский блок рассмотрим далее.

Читать далее

CSS — как убрать промежутки между inline блоками?

CSS — как убрать промежутки между inline блоками?

Как убрать пространство между элементами inline-block. Рассмотрим несколько вариантов решения этой задачи.

Читать далее

Онлайн сервис сжатия CSS кода

Онлайн сервис сжатия CSS кода

Сжатия CSS кода — это процесс необходимый, во-первых таким образом мы уменьшаем размер нашего файла стилей и соответственно ускоряем скорость загрузки сайта, что оценят не только пользователи, но и поисковики

Читать далее

Форма подписки с помощью СSS3

Форма подписки с помощью СSS3

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

Читать далее

Делаем кнопку «Наверх» для сайта

Делаем кнопку «Наверх» для сайта

В этом посте мы с вами сделаем кнопку «Наверх», ее суть — это появится при прокрутке сайта вниз и при нажатии на ее, отправить пользователя на верх текущей страницы. Думаю объяснять много не стоит мы все встречали подобные кнопки «наверх» на многих сайтах.

Читать далее

Библиотека CSS3 анимации

Библиотека CSS3 анимации

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

Читать далее