css3 书写 动画三角形
2021-02-19 07:19
阅读：705
YPE >
标签：name viewport transform div hover orm nbsp doc tom
html>
div {
position: relative;
width: 249px;
height: 35px;
border: 1px solid #000;
}
div::after {
content: "";
position: absolute;
top: 8px;
right: 15px;
width: 10px;
height: 10px;
border-right: 1px solid red;
border-bottom: 1px solid red;
transform: rotate(45deg);
/* 过渡效果 */
transition: all 0.2s;
}
/* 鼠标经过div 里面的三角形旋转 */
div:hover::after {
transform: rotate(225deg);
}
css3 书写 动画三角形
标签：name viewport transform div hover orm nbsp doc tom
原文地址：https://www.cnblogs.com/ericblog1992/p/12933534.html
评论
亲，登录后才可以留言！