Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » Красивый текст с тенью (Совместимый с Internet Explorer)

Красивый текст с тенью (Совместимый с Internet Explorer)

11 янв 2014 | Комментариев: 0 | Просмотров: 1412

Красивый текст с тенью (Совместимый с Internet Explorer)

Создание тени у текста, совместимой с iexplorer.

Происходит дублирование текста - текст берется из title="" и непосредственно из текста помещенного между <span></span>. За счет наложения одного текста на другой, и смещения на 1px осуществляется эффект тени.

 

Разметка HTML


     <h1 title="Текст с тенью." class="shadowtitle">
	     <span>Текст с тенью.</span>
	     </h1>
 
CSS
h1.shadowtitle {
	    position:relative;
	    height:1em;
	}
	h1.shadowtitle span {
	    position:absolute;
	    left:-1px;
	    top:-1px;
	    color:#87B7FE;
	}
	h1.shadowtitle:before {
	     content:attr(title);
	     position:absolute;
	     left:0;
	     top:0;
	     color:#000;
	}


Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Обычное меню на CSS3 с закругленными краями

Обычное меню на CSS3 с закругленными краями

Простое CSS3 меню с закругленными краями использующее свойство ...border-radius, поэтому в IE может не отображаться.
Красивая фотогалерея на CSS3

Красивая фотогалерея на CSS3

Довольно типичная фотогалерея построенная на HTML5, jQuery и CSS3. Существует возможность редактирования через CMS PageLime.
Всплывающая подcказка при наведении

Всплывающая подcказка при наведении

Простой и очень легкий по размеру эффект всплывающей подсказки. Любой элемент с классом vtip будет отображать при наведении на него всплывающую подсказку на
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Красивая анимация заголовка изображения

Красивая анимация заголовка изображения

Красивый эффект анимации при наведении на картинку, у которой по верх отображается ее название.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.