[CSS] transform

Transform – Rotate

X

span.icon_cross{
  position:relative;
  color:red;
  display:inline-block;
  width:20px;
  height:20px;
  line-height:20px;
  border:1px solid gray;
  text-align:center;
  cursor:default;
  transition: transform 4s;
}
span.icon_cross:hover{
  transform: rotate(360deg);
  /*
  transform: rotate(1turn);
  */
}

Timing Function

  • ease (Default)
  • linear
  • ease-in
  • ease-out
  • initial
  • inherit
  • ease-in-out
  • cubic-bezier

您可在此處留言

搶先留言!

avatar
  Subscribe  
Notify of