Многие из вас нередко сталкивались с формами, где в качестве подсказок есть подписи. Они пропадают при на наборе текста. Так вот - это атрибут placeholder, который есть у элементов, которые созданы для ввода текста (input). С помощью него можно задать текст, который будет отображаться как подсказка до начала ввода в данное поле. К сожалению, не все браузеры одинаково корректно работают с данным атрибутом. Устаревшие версии и вовсе данный текст не отображают.

Подробнее

Уверен, что многие во время чтения в интернете или прохождения анкеты хоть раз видели полосы прокрутки, которая отображается сколько посетитель уже прокрутил до конца страницы (или конкретного блока с содержимым). Это эффективно с точки зрения определения времязатрат на чтение/просмотр. В данной статье мы это реализуем на CSS3.

Подробнее

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

Подробнее

Одной из самых частых задач в вёрстке страницы - равномерное расположение блоков div по горизонтали с возможностью переноса на следующую строку. Для этого блоки div нужно расположить в однин горизонтальный ряд. При этом, при масштабировании окна браузера они должны равномерно переноситься. Или при выводе изображений из базы данных, например аватаров, нужно чтобы картинки были все в один ряд. Как это сделать?

Подробнее

Тема данной статьи - всплывающие подсказки. Для большинства решений достаточно всего только CSS. При наведении на определённый элемент будет появляться другой до этого скрытый.

Подробнее

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

Подробнее

Как создать красивый блок для комментария или статуса на CSS в форме диалогового сообщения.

Подробнее

Вы скорее всего уже не раз видели, что футер страницы был закреплён внизу, независимо от объёма контента. Сделаем это средствами CSS!

Подробнее

Как же сделать кроссбраузерную анимацию загрузки на CSS3? В этой статье мы рассмотрим пример. Не надо использовать gif и прочие вещи. Всё можно осуществить при помощи свойств CSS 3, которые поддерживаются всеми основными браузерами.

Подробнее

Если Вы даже начинающий пользователь, то уже успели заметить, что курсор имеет разные виды. В случае посещения web-страниц он изменяется при выделении текста, наведении на ссылку и так далее.
Как же самим средствами CSS изменить курсор и какие их виды бывают?

Подробнее