用户:Salt lovely/common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 圈出红链 */
a[href*="&redlink=1"]{
/* 我觉得这个好理解一些 */
position: relative;
}
a[href*="&redlink=1"]:after{
content: '';
pointer-events:none;
position: absolute;
display: inline-block;
width: 4em;height: 4em;
top: calc(50% - 2em);left: calc(50% - 2em);
border-radius: 4em;
box-shadow: 0 1px 0 #99fa inset, 0 -1px 0 #f6a6 inset;
animation: rotate-360 2s linear infinite;
transition:0.5s ease;
}
a[href*="&redlink=1"]:hover:after{
width: 6em;height: 6em;
top: calc(50% - 3em);left: calc(50% - 3em);
box-shadow: 0 3px 3px #99fa inset, 0 -3px 3px #f6a6 inset;
}
@keyframes rotate-360 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
添加评论