gpt4 book ai didi

边框的CSS过渡效果

转载 作者:太空宇宙 更新时间:2023-11-04 14:40:50 27 4
gpt4 key购买 nike

大家好,我在这里使用 css3 过渡效果,我试图将它用于我的 css 边框样式

.round{
width:50px;
height:50px;
border-radius:50px;
border:5px solid #ccc;
cursor:pointer;
background-color:#f00;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition:all 0.5s ease 0s
}
.round:hover{
border-style:dotted;
border-color:#666;
background-color:#ccc;
}

将鼠标悬停在圆形上时,我需要更改边框样式,但它在 moz 浏览器中不起作用,我需要通过旋转方式更改边框样式。

这是我的fiddle

最佳答案

这是你想要实现的吗http://jsfiddle.net/herzb/27/

border-style:dotted;
border-color:#666;
background-color:#ccc;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}

关于边框的CSS过渡效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18352502/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com