Css na hover
Príklady kódu
na hover css
/* Changes an element's color on hover */
.selector {
background-color: black;
}
.selector:hover {
background-color: blue;
}vznášať štýl html
/* css file */
.callitwhatever:hover
{
background: none;
}
/* HTMl File */
<li><a href="#" class="callitwhatever"> Logo</a></li>CSS hover animácie
.YOURHTMLCONTENT i {
height: auto;
float: left;
color: #fff;
font-size: 55px;
margin: 30px 30px 30px 30px;
transition: 0.8s;
transition-property: color, transform;
}
.YOURHTMLCONTENT i:hover {
color: #FF5733;
transform: scale(1.3);
}hover css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>CSS :hover property</title>
<style>
a {
background-color: powderblue;
transition: background-color 0.5s;
}
a:hover {
background-color: gold;
}
</style>
</head>
<body>
<a href="#">Try hovering over this link.</a>
<!-- The :hover CSS pseudo-class matches when the user interacts
with an element with a pointing device, but does not necessarily activate
it. It is generally triggered when the user hovers over an element with
the cursor (mouse pointer). -->
</body>
</html>Podobné stránky
Podobné stránky s príkladmi
V iných jazykoch
Táto stránka je v iných jazykoch
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................
Populárne v tejto kategórii
Populárne stránky s príkladmi v kategórii
empty row