分类:HTML/CSS

BootStrap 4.3.1 Carousel增加淡入淡出效果

BootStrap 是一款非常受欢迎的前端框架,更新也很积极,BootStrap 4.3.1 更新轮播图增加了新功能 淡入淡出效果 轮播图停留时间 更新您的 JS 和CSS文件,本文底部提供 […]

BootStrap 4 轮播图实现缩放效果

BootStrap 4 Carousel 轮播图官方代码中,图片只有左右滚动效果,在最新的BootStrap 4.3版本 Carousel 效果增加了淡入淡出,但是远远不能满足我们的需求,下 […]

基于 BootStrap 4 的图片灯箱效果

智慧宫的 WordPress 的主题一直没有添加灯箱效果,近日得闲,在Github上了一个插件,并结合wordpress主题做了修改,实现了基于BootStrap 4 的灯箱效果,将经验写在 […]

CSS实现Logo扫光效果

浏览网页的时候看到很多博客logo都有扫光效果,非常漂亮,于是就踏着大神的步伐一步步实现logo扫光效果,记录如下。Logo扫光效果思路非常简单,如下 用CSS3伪元素:bfore或:aft […]

纯CSS添加Tooltip

网站的Tooltip是指在用户指向控件时显示相应的文本,在网站上添加Tooltip提示信息是非常有用的。例如,可以描述网站的链接所指对象的页面的信息,为按钮添加Tooltip可以解释按钮的作 […]

HTML标签marquee实现文字滚动效果

由于本站的文字公告较长,在手机端无法正常显示,所以乐朦谷歌百度一通之后发现一个HTML标签<marquee>可以实现文字滚动效果,不需要加载Javascript就可以实现文字滚动 […]

CSS实现鼠标悬停弹出微信二维码

WordPress网站建设过程中,需要在网站上展示微信二维码,用于展示自己的公众号或者网站联系人信息;如何实现鼠标悬停弹出二维码功能呢,请看下面的方法,效果可以看本站页脚的微信二维码效果。 […]

轻松实现WordPress文章首行缩进

根据中国人的书写方法,首行缩进两个字符看起来让人更舒服,wordpress自带的要在文本模式下切换到全角输入法,然后在首行加空格,今天介绍一个简单的方法,可以统一实现首航进俩个字符。我们可以 […]