![business-logo-dark-1[1]](https://www.j-su.com/wp-content/uploads/2026/06/business-logo-dark-11.png "business-logo-dark-1[1]"){kind=logo}
在制作文章图册形式时，首页的文章显示三张图片，鼠标经过时希望有原来的那种过渡效果，从CSS中找了下，提取出来：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/*侧边栏随机文章图片鼠标经过的特效*/ .diy-hot-ul .recent-post-img{position:relative} .diy-hot-ul .post-img-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.8s; background:-webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.95) 100%); background:linear-gradient(180deg, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.95) 100%) } .diy-hot-ul .recent-post-img:hover .post-img-overlay{opacity:.5} |
