Prechod css pri vznášaní sa
Príklady kódu
prechod CSS hover
/* Transition is how much my element will take time to change his state
or apply a specific style on it at specific */
.my-div{
background-color: #f00; /*Red*/
transition: 3s ease-in-out;
/* transition: .5s ease-in-out; [0.5 seconds] */
}
.my-div:hover{
background-color: #00f; /*Blue*/
}
/* .my-div background-color will be changed from red to blue in 3 seconds*/prechod css pri vznášaní sa
/* Simple CSS color transition effect on selector */
div {
color: white;
background-color: black;
}
div:hover {
background-color: red;
}
/* Additional transition effects on selector */
div {
background-color: black;
color: white;
height: 100px;
transition: width 1.5s, height 3s;
width: 100px;
}
div:hover {
background-color: red;
height: 300px;
width: 150px;
}
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