• Epub格式电子书浅谈
      谈到电子书制作,很多人会说,直接浏览TXT不就得了,简单又方便,何必劳神费力去整理排版制作电子书呢?答案很简单,喜爱阅读的人都知道,找到一本喜爱的书籍,阅读时其中精美的排版,喜爱的字体以及方便的目…
  • 门前有车不算富,家有双亲才是福
    Your browser does not support the audio element.王琪 - 万爱千恩作词:王琪作曲:王琪后期:文克津出品:上潮时间你说最近常想起我的小手和小脚小手长大后再…
  • 怎么用正则式去批量操作
    一本书会有很多章节,可以写好其中的一个章节,用正则式批量替换文中相同章节样式一本书刚打开,篇章页是左边这样,我们要做成右边这样,可以先把其中一个篇章页的样式写好使用查找替换搜索框用正则式把所有的篇章页…
  • 图片懒加载实现
    暂存先看看效果,下一步在替换所有图片标签图片懒加载<script> function throttle(fn, delay, atleast) {…
  • 给标签云套上多彩外衣(多彩标签云)
    只用Css实现网站多彩Tags标签云模块,主要是利用了Css3中的nth-child()选择器来匹配不同的Tag的链接不同的色彩,来实现多彩样式CSS#taghot li:nth-child…
  • 网站人生倒计时代码
    在网站放一个人生倒计时 HTML代码CSS选择器可以根据自己的网站实际情况修改<div class="card"> <div cl…
  • 文字彩虹跑马灯效果特效代码
    这个是纯CSS实现的.masked{ text-align: center; background-image: -webkit-linear-gradient(left, #147B96, #E…
  • CSS字体动画渐变效果
    和这个的用法类似,都是使用背景图片实现https://kuaikan.ink/thread-838.htm这是一款个性新颖的css文字特效代码,css字体渐变效果,画面中的文字不仅呈现颜色的渐变效果且…
  • 30个常用的CSS代码片段分享
    这次主要分享在前端开发中可能会用到的一些常用的CSS代码片段,列出了一些相对于其他的更有用的代码片段,不要被这些代码的长度所吓到,仔细观察会发现,其实就是平常所学的一些知识汇总。1. 垂直对齐如果你之…
  • 带分隔线的卷纸纸张效果
    .title { margin: 15px 0; text-align:center; } .page { width: 100%; line-height: 30px; ma…
  • 网站背景——一个类似等高线地形图背景
    效果如图:用图片实现CSS代码body {     background: #f6f7f8;    &nb…
  • 【CSS】文字毛玻璃效果(简单版)
    用文本阴影和字体透明颜色就可以做出毛玻璃的效果。这是一个纯 css 的方式。text-shadow 设置投影效果,看上去就有点像毛玻璃的感觉。cursor: default; 让鼠标放到文字上时,不会…
  • 【CSS】角标(伪元素)
    利用伪元素( ::before 和 ::after )制作,这样可以不影响主元素,也不用依赖其他 html 元素。利用 border 的特性制作角标效果.corner { position:…
  • 纯 CSS 实现『斑马纹理投影文字』
    效果展示Zebra.zebra__shadow__text { font-size: 100px; /* 文字大点,效果更明显 */ font-weight: bold; /* 文字粗点,…
  • 【CSS】文字特效(text-shadow)
    以下案例都需要有一定的 html 和 css 基础。html 基础方面没过多要求,主要是 css 需要知道 text-shadow 的用法。text-shadow 的基础知识可以看 CSS3 text…
  • 纯CSS神奇的边框特效
    这是一个会动的 div 。公式原理其实很简单,div 原本是方的,只需改成圆形即可。所以我们会用到 border-radius 这个属性。border-radius 可以让元素变成圆角,这取决于你所设…
  • 网页背景粒子特效代码
    网页背景粒子特效代码效果如图JS代码<script> ! function () {     function&n…
  • 时光轴代码
    HTML效果.point-time { content: ""; position: absolute; width: 13px; height: 13px; top: …
  • 网站底部鱼群跳跃
    调用了两个JS文件<div id="j-fish-skip"></div> <script src="./js/jqu…
  • 如何批量替换书中的章节——一个简单的正则表达式实例
    将要被替换的正则表达式<body> 
  <h2 title="(.*)" class="calibre4&q…
  • 用HTML和CSS实现酷炫的文字特效
    相关属性介绍这里介绍一点写这些特效时需要用到的属性,(带-webkit- 开头的是只有Safari和Chrome等使用webkit或chromium内核的浏览器才可以使用)-webkit-text-f…
  • 纯CSS样式,显示不同颜色数字的排行榜列表
    利用纯 CSS 设置 列表的 伪类:after实现不同颜色数字的排行榜效果。代码如下:HTML:<ul>     <li>html中引…
  • 用html+css作个简单的九宫格
    九宫格<div class="box-wrap">     <div class="box…
发新帖
代码片段