推荐最新

css边框过渡动画怎么加border-radius?

给图片边框加一个动画，顺时针依次变色，因为图片加了border-radius，要怎么把第一张图和第二张图开始的部分加上圆角。或者换一种实现方案 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240928/1cd7a78d2d45a2f66be9473799ea037f.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240928/56886b5be0ea64341e9a43aded696de0.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240928/1fc6d7c7d79d51e7c4f79658734e3443.png) &.active { width: 290px; height: 190px; position: relative; &.active::before, &::after { box-sizing: inherit; position: absolute; content: ''; border: 4px solid transparent; border-radius: 20px !important; width: 1px; height: 1px; z-index: 999; } &.active::after { bottom: 0px; right: 0px; } &.active::before { top: 0px; left: 0px; } &.active:hover::before, &.active:hover::after { width: 100%; height: 100%; } &.active:hover::before { border-top-color: #ff6900; border-right-color: #ff6900; transition: width 0.5s ease-out 0s, height 0.5s ease-out 0.5s; } &.active:hover::after { border-bottom-color: #ff6900; border-left-color: #ff6900; transition: border-color 0s ease-out 1s, width 0.5s ease-out 1s, height 0.5s ease-out 1.5s; } } "20240521_145056.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240928/2b4b427eac65a893ccf102e6f38e2196.png)

浏览量197

一本正经写代码

electron 新版本不支持windows 7 ,你怎么办?

浏览量21