WordPress美化文章缩略图鼠标悬浮放大特效css

文章缩略图鼠标悬浮放大特效CSS代码

教程代码转载自:https://west2.cn/5740.html,感谢站长分享

将以下代码放到主题/子主题的style.css文件即可(这个适用于B2主题美化

/*首页文章缩略图鼠标悬浮放大特效-https://www.xcbtmw.com/29409.html*/
.post-thumb {
    transition: .35s;
}
.post-thumb:hover  {
    -ms-transform: scale(1.100);
    -moz-transform: scale(1.100);
    -webkit-transform: scale(1.100);
    transform: scale(1.100)
}
/*首页文章缩略图鼠标悬浮放大特效-https://www.xcbtmw.com/29409.html*/

WordPress主题通用教程

这里我们需要注意的是类名,就是上文代码中的post-thumb部分,这个每个主题是不一样的。

浏览器打开网站,鼠标悬浮在文章缩略图,然后右键就能看到

WordPress美化文章缩略图鼠标悬浮放大特效css

这个class后面的i-article-thumb就是类名,我们把这个类名替换一下上文中的post-thumb就行

/*首页文章缩略图鼠标悬浮放大特效-https://www.xcbtmw.com/29409.html*/
.i-article-thumb { transition: .35s; } .i-article-thumb:hover { -ms-transform: scale(1.100); -moz-transform: scale(1.100); -webkit-transform: scale(1.100); transform: scale(1.100) } /*首页文章缩略图鼠标悬浮放大特效-https://www.xcbtmw.com/29409.html*/ 

给TA打赏
共{{data.count}}人
人已打赏
B2美化教程技术教程

wp_B2主题美化之首页动态视频搜索模块

2024-11-27 18:30:56

B2美化教程技术教程

WordPress网站7b2主题美化之VIP会员页面

2024-11-27 18:37:16

50 条回复 A文章作者 M管理员
  1. 欠迩的太多

    这个效果简直太炫酷了,视觉冲击超赞!😎🎉

  2. 子衿

    CSS效果太棒了!秒变高级感!👍

  3. Midnight

    超实用的特效教程,简单又有效!太棒了!💯

  4. 资深拖延症患者

    这个CSS特效太实用了!赞!🌟

  5. 闭眼⼊你梦

    这特效简直酷炫,提升了页面交互感!👏

  6. 括叶作舟

    教程超详细,步骤清晰又实用!学到了!

  7. 遇见更好的⾃我

    这个CSS特效太实用啦,简洁又强大!

  8. 浅黛っ

    这个特效看起来超赞,简单实用!

  9. 沉香如屑

    太厉害了!教程非常实用,感谢分享!

  10. 微信用户

    操作简单直观,非常实用的CSS美化技巧!

  11. hildishness

    厉害,效果不错

  12. 桃扇骨

    赞 实用教程

  13. 修身静心!

    神奇的特效教程

  14. 微信用户30

    这特效真好用

  15. 浅黛っ

    好实用的技巧

  16. 括叶作舟

    好用的特效教程

  17. 沉香如屑

    试试这个方法

  18. 心岛初晴°

    很实用的教程

  19. 南卉

    很实用的教程

  20. 南瘾浪

    试试这个特效

  21. Tears°

    很实用的教程

  22. 别说违心话.

    很实用的教程

  23. 萌面人

    很实用的教程

  24. 香薰恋乆

    很实用的教程

  25. 半生.

    很实用的教程

  26. 微信用户

    很实用的教程

  27. 尽鹤

    很实用的教程

  28. 休止

    好实用的技巧666

  29. q.w.q

    学习到了666

  30. 繁华若梦

    很实用的技巧感谢分享

  31. 与之二三事

    太实用了,666

  32. 亚比~囧囧囧

    好实用的特效教程666

  33. 暮倦

    太棒了,简单易学666

  34. 全是爱%

    太实用了,马上试试

  35. Warmheart暖心

    牛逼啊,学习了不少技巧

  36. single

    很实用的技巧666

  37. ∫半字浅眉︼

    不错的技巧 很实用呀

  38. 闭眼⼊你梦

    不错啊,真实用的分享呢

  39. happy~

    好酷的效果,试试这个

  40. 橘子海🍊

    不错的技巧,试试就好

  41. 子衿

    很实用的教程呢666

  42. 欠迩的太多

    不错的效果666

  43. 美丽玉兔

    好棒的效果,试试看

  44. 晚风撩人

    学习到了新的CSS技巧666

  45. 浊酒

    不错的教程666

  46. Midnight

    教程太棒了666

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
热评