CSS 26    CSS3 10    HTML 2    JavaScript 43    Wordpress 3    Блог 10    Инструменты 1    Не советую 1    Полезные ресурсы 4    Счетчики 1    Шпаргалки 6    Зарегистрироваться 275   Войти

Меню

Добро пожаловать, Гость! Вы можете Войти или Зарегистрироваться.

2

Цветное выделение текста на CSS

Jemand 15737 ,
CSS

Красивое выделение текста определенным цветом при его выделении. Internet Explorer, как обычно, это не понимает.
1. CSS

p.blue::selection {
	background: #A8D1FF;
	}
p.red::selection {
	background: #FFB7B7;
	}
p.yellow::selection {
	background: #FFF2A8;
	}
p.blue::-moz-selection {
	background: #A8D1FF;
	}
p.red::-moz-selection {
	background: #FFB7B7;
	}
p.yellow::-moz-selection {
	background: #FFF2A8;
	}
p.blue::-webkit-selection {
	background: #A8D1FF;
	}
p.red::-webkit-selection {
	background: #FFB7B7;
	}
p.yellow::-webkit-selection {
	background: #FFF2A8;
	}

2. HTML


<p class="red">
   Я помню чудное мгновенье:
   Передо мной явилась ты,
   Как мимолетное виденье,
   Как гений чистой красоты.

   В томленьях грусти безнадежной,
   В тревогах шумной суеты,
   Звучал мне долго голос нежный
   И снились милые черты.
</p>
<p class="blue">
   Шли годы. Бурь порыв мятежный
   Рассеял прежние мечты,
   И я забыл твой голос нежный,
   Твои небесные черты.	

   В глуши, во мраке заточенья
   Тянулись тихо дни мои
   Без божества, без вдохновенья,
   Без слез, без жизни, без любви.
</p>
<p class="yellow">
   Душе настало пробужденье:
   И вот опять явилась ты,
   Как мимолетное виденье,
   Как гений чистой красоты.

   И сердце бьется в упоенье,
   И для него воскресли вновь
   И божество, и вдохновенье,
   И жизнь, и слезы, и любовь.
</p>

Демо

Рекламная пауза

» 2 комментария

  1. Не поверите, как давно искал… Спасибо!


Оставить комментарий