Transition prefixes css

Css browser prefixes

Android: -webkit-
Chrome: -webkit-
Firefox: -moz-
Internet Explorer: -ms-
iOS: -webkit-
Opera: -o-
Safari: -webkit-

Transition prefixes css

.example {
    -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}

/* IE10 (the first stable version of IE to support transition)
does not require the -ms- prefix. */

Source: css-tricks.com

Similar codes

0 vote136 views1 answer
Random color scss
CSS
35 votes126 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
3 votes178 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote125 views3 answers
Css horizontal ul
CSS
27 votes127 views1 answer
Css how to create gradients on text outline
CSS
0 vote134 views1 answer
Bootstrap progress bar animation not working
CSS
1 vote139 views1 answer
Show hide item based on display size
CSS
0 vote141 views2 answers
How to define max number of character for a paragraph css
CSS
0 vote132 views1 answer
How to create wave like border
CSS
18 votes89 views2 answers
Hover transition css
CSS