* По тексту я буду розглядати на прикладі посилання.
Далі для потрібної частини слова потрібно задати своє class за допомогою тега span. (Чому не div - бо тоді створюються зайві відступи). Давайте зробимо слово «Домен» повністю різнобарвним. А при наведенні - всі кольори будуть зрушуватися вправо.
Спочатку задамо звичайні кольори:
Далі пишемо стилі css при наведенні на слово:
Якщо вам потрібно задати стилі не для посилання, а для блоку div. тоді замість a: hover напишіть просто .raduga: hover
Де це можна застосовувати ненав'язливо? Наприклад, в шапці сайту для домену. Припустимо у нас домен складається з двох частин і зони домени: japan-video.ru. Задамо один колір для japan. інший для video. і якийсь для зони домену. Пропишемо кольори в стилях:
І помістимо їх в блок з класом testdomen. одразу поставимо стилі:
.testdomen: hover .japanco
.testdomen: hover .videoco
Як це виглядає? Так ось так (для розміру і краси дописав трохи стилів):
Japan - Video .ru
Ще цікаві статті: