关闭边栏(ESC)打开边栏(ESC)
在制作文章图册形式时,首页的文章显示三张图片,鼠标经过时希望有原来的那种过渡效果,从CSS中找了下,提取出来:
|
/*侧边栏随机文章图片鼠标经过的特效*/ .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} |
支付宝支付
微信支付
打赏

版权声明:本站原创文章,于2017-05-20,由Icss.me发表
转载请注明:鼠标过经图片时的遮罩效果 | 爱CSS
相关推荐
-
这些天在弄视频作为背景效果时,发现了这个问题,以往没做过这种效果,还是没知道部分浏览是不…
-
如本站侧边栏关注我相关按钮的过渡动画,感觉还是挺好看的,分享如下: 一、相关结构与CSS: […
-
在文章页底部的上下篇文章导航中,有个这样的问题,点击的有效范围只在链接这个小范围上,而不…
-
昨天在看CSS进阶教程时,学习色彩的六种方法,其中hsl有了新的认识,之前也有运用过,不过还不…
-
这些天在弄有关本站这个信息卡的时候,在底部需要弄三个并排的列来放置浏览量、文章数、留言数…
-
在当前主题目录下面的functions.php里面加入以下代码: [crayon-67fb137299a39401039736/] 如…
哈哈,我已经搞定列表页指定显示多少张缩略图这个问题了。并且可以根据文章内图片数量来判断,当文章内图片大于8张时,就显示8张缩略图,文章内图片大于等于4张小于8张就显示4张缩略图。文章图片小于4张,就显示1张缩略图。
原理挺简单,先用正则匹配出文章内容中所有存到一个变量中,然后前台调用时就可以根据这个变量值来判断显示多少张缩略图就可以了。
哇,你这样更加智能了,我的只显示三张的
您好,请问自动隐藏顶部header是用到了jquery吗?能否介绍一下方法,非常感谢。
是的,当滚动条的高度超过Header的高时就隐藏,你可以查看main.js,那里可以设置的
嗯阿,我目前知道的是获取一张图片,以及获取文章里所有图片。 指定数量我还不知道要怎么弄。。
这些天都在继续更改,弄完了再写下文章分享出来,好多版式还没定到底用哪种,在纠结中
哈,我又来了;
请教一下列表页显示文章三张缩略图的方法
这个是主题里的,是黑糖2.0的功能,我看下哪天总结出来,这个跟主题相关的
注意这种结构的图片,即img标签,要转换成块状元素:display:block
先收藏了, 感谢博主的辛劳。
不客气,希望能帮到您