CSS 简单hover动画

1、

.btn{transition: all .36s ease;}
.btn:hover{color:red}

2、

.btn{
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;}
.btn:hover{color:red}

3、img放大

img {
       width: 230px;
       cursor: pointer;
       transition: 0.6s;
     }
img:hover{
       transform:scale(1.1);
     }