通过css样式简单几行实现圆形头像并且旋转,兼容性不太好,上代码,然后慢慢解释。

<style>
    img{
        width: 100px; //头像宽度
        height: 100px; //头像宽度
        border: #fff solid 0px; //头像边框,这里为0
        display: block; //元素块化
        margin: 20% auto; //水平垂直居中对齐
        border-radius: 50%; //实现圆形头像,通过边框实现
        transition: all 2.0s; //2秒内完成下列操作
    }
    img:hover{
        transform: rotate(360deg); //旋转度数
    }
</style>
Last modification:August 27th, 2018 at 04:12 pm
┭┮﹏┭┮感谢您的一份赞助,博主会继续加油的ヾ(◍°∇°◍)ノ゙