一闲笔记 一闲笔记
  • 网站正在建设中~

yixian

管理员
IP归属地: 未知地区
文章
17
评论
0
yixian
2025-02-12 11:39:16 未知地区

CoreNext主题美化:文章页面内图片悬浮效果

文章字数:464
阅读时间: 2 分钟

前言:

让文章内的图片动起来~

自定义CSS如下:

/*文章图片悬浮效果*/
.core-next-img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    margin: 10px 0;
}
.core-next-img:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    box-shadow:5px 5px 10px gray;   
} 
/*文章图片悬浮效果*/

 实际效果:

来源参考:

新锐博客:https://www.loveuxr.com

  • 主题美化
等 人表示很赞
110
0

评论

空空如也
yixian
yixian
2025-02-12 11:50:30 未知地区

推荐 CoreNext主题美化:网站运行天数显示

前言: 一个简单的网站运行天数显示,许多站长都会用到。 代码如下: <!– 本站运行时间_xjvae博客[www.xjvae.com] –> <i class=”fa fa-cog fa-s ...
  • 主题美化
133 0
yixian
yixian
2025-02-12 11:46:54 未知地区

推荐 CoreNext主题美化:复制提示版权

前言: 在网络高度发达的今天,复制和转载文章已成为一种常态。然而,这种便捷的行为却时常触碰到版权的红线,给原创作者带来不应有的损失。为了捍卫原创者的权益,众多网站开始采取积极措施,当读者尝试复制文章内容时,会触发版权提示框,以提醒用 ...
  • 主题美化
128 0
yixian
yixian
2025-02-12 11:49:11 未知地区

推荐 CoreNext主题美化:自定义文章版权内容

前言: CoreNext主题支持自定义文章版权内容,我们可以在此进行美化。 代码如下: <fieldset style=”border: 8px dashed; background: #ffffff; paddi ...
  • 主题美化
117 0
yixian
yixian
2025-02-12 11:41:58 未知地区

推荐 CoreNext主题美化:顶部彩色滚动进度条

前言: 一个比较好看的顶部彩色滚动进度条。 新建HRMdbjdt.js代码: //顶部彩色滚动进度条_xjvae博客[www.xjvae.com] $(window).scroll(function() { ...
  • 主题美化
97 0
yixian
yixian
2025-02-12 11:48:40 未知地区

推荐 CoreNext主题美化:网页滚动条美化

前言: 一般的网页主题右侧默认的滚动条是灰色的,比较单调,利用css代码将其美化吧。 CSS代码: /*右侧上下滚轮美化*/ ::-webkit-scrollbar { width: 8px; height: 1 ...
  • 主题美化
119 0

最热文章

    暂无内容

推荐栏目

  • 主题美化
  • 网站搭建
  • 公告
  • 文章

最新评论

  • 您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。
  • 您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。

推荐标签

  • 任天堂
  • Mega
  • 台积电
  • OpenAI
  • PS3
  • 索尼
  • 浪人崛起
  • Apple Watch
  • WiiU
Copyright © 2026 一闲笔记. All rights reserved. Designed by nicetheme.