css 鼠标放上去旋转

最新推荐文章于 2023-11-10 10:13:37 发布

写代码的小哥哥

最新推荐文章于 2023-11-10 10:13:37 发布

阅读量856

点赞数

CC 4.0 BY-SA版权

分类专栏： css html

本文链接：https://blog.csdn.net/qq_36249659/article/details/104298551

css 同时被 2 个专栏收录

1 篇文章

订阅专栏

html

1 篇文章

订阅专栏

.box{
    border:1px solid #ddd;
    text-align: center;
    width: 170px;
    margin:6px;
    box-shadow: 0 0 6px #ddd;
    padding: 4px;
    cursor: pointer;
    transition: all 0.3s ease;//延迟
    .img{
        width: 100px;
        height: 140px;
    }
//鼠标经过
    &:hover{
        opacity: 0.9;//透明度
        transform:rotate(1deg) scale(1.03);//旋转
    }
}