给文章列表加一个浮动动态效果

介绍

给子比主题加一个文章列表浮动效果，这个确实很好看，今天看到有人要这个美化，我今天算记录一下，并且分享给大家

教程

放到后台CSS中

将下面代码放到子比主题=>自定义CSS即可，颜色可以调，如果需要其他颜色可以自行替换即可！！

.posts-item:not(article):hover {
    opacity: 1;
    z-index: 2;
    transform: translateY(-5px);
    box-shadow: 0 8px 10px rgba(255,112,173,0.35);
    animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;
}

.dark-theme .posts-item:not(article):hover {
    opacity: 1;
    z-index: 2;
    transform: translateY(-5px);
    box-shadow: 0 8px 10px #88f;
    animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;
}
/* 定义 @keyframes 动画 */  
@keyframes index-link-active {  
    0% {  
        transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(0);  
    }  
    16% {  
        transform: perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px);  
    }  
    100% {  
        transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(65px);  
    }  
}