码迷,mamicode.com
首页 > Web开发 > 详细

【CSS】两种图片样式

时间:2020-05-15 21:50:42      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:radius   over   ima   duration   hover   nim   ddd   style   两种   

旋转圆形图片:

.pic:hover{
    transform: rotate(360deg);
    transition: all 1.5s ease ;
}
.pic{
    border-radius: 500px;
    border: solid #dddfdc;
}

鼠标放置完全显示:

.ganying:hover{
        animation: ganying 0.2s forwards ease;
        animation-duration: 0.2s;
        animation-delay: 0s;
}
.ganying{
        opacity: 0.9;
}
@keyframes ganying{
        from{}
        to{opacity: 1;}
}

【CSS】两种图片样式

标签:radius   over   ima   duration   hover   nim   ddd   style   两种   

原文地址:https://www.cnblogs.com/coder106/p/12897329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!