Css

Search

css transition on click

.crossRotate {
    outline: 0;
    /* other styles... */
}

.crossRotate:focus {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

<img class="crossRotate" src="http://placehold.it/100" tabindex="1" />

Comment

PREVIOUS	NEXT

Code Example
Css :: rotate icon
Css :: text-decoration
Css :: variables scss
Css :: add border to png image using css
Css :: input backgound color
Css :: border css dashed
Css :: css overflow
Css :: textarea resize grabber style
Css :: css button style rectangle
Css :: time an element to disappear css
Css :: two classes css modules
Css :: css browser prefixes
Css :: centralizing a table with css
Css :: make element no styles
Css :: how to override material ui css
Css :: difference between html and css
Css :: css 2 div cote à cote
Css :: after certain width how make ontent center and add margin auto both side
Css :: code css for mozila
Css :: showing two iframes side by side
Css :: scroll snap css
Css :: css style select arrow color
Css :: css offset border
Css :: css rotate
Css :: django jsonfield
Css :: alacritty auto start fish
Css :: easyui datagrid header field color
Css :: selectors in css
Css :: webkit-scrollbar-button css
Css :: blue gradient

Search

CSS

css transition on click

ADD CONTENT