Hover эффект HTML или CSS

Question

Я работаю на моем сайте, и было интересно, как это сделать эффект парения как на этом сайте:

http://www.level1productions.com/athletes.cfm?catID=4

Answer 1

вы можете легко достичь желаемого результата с простым HTML и CSS

HTML

<div>Shailender Arora 
    <span>UI Developer</span> 

</div> 

CSS

div { 
    background:red; 
    width:200px; 
    height:50px; 
} 

span { 
    display:block; 
    color:red; 
} 

div:hover { 
    background:yellow; 
} 

DEMO

Answer 2

Добавить: парить в класс Li

li.classname {color: #fff} 
li.classname:hover {color: #000} 

Теперь, когда вы наведите указатель мыши на элемент, цвет текста изменится.

Answer 3

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

Для висения используется этот один: :hover

двоеточие здесь очень necessasry.

Использование:

tag_name:hover { /*CSS*/ } 

Подробнее о :hoverhere.