分类:HTML/CSS

基于 BootStrap 4 的图片灯箱效果

基于 BootStrap 4 的图片灯箱效果

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

CSS实现Logo扫光效果

CSS实现Logo扫光效果

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

纯CSS添加Tooltip

纯CSS添加Tooltip

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

禁止WordPress图片自动添加width和height属性

禁止WordPress图片自动添加width和height属性

WordPress文章中从媒体库插入图片的时候,img标签会自动添加width和height属性,下面的HTML代码就是在插入图片时自动添加的高度和宽度属性。这样的话,图片可能就会变形。影 […]

禁止WordPress文章段落自动添加p标签

禁止WordPress文章段落自动添加p标签

这几天,乐朦的新主题上线了,新主题在style.css中直接添加了如下代码,实现了首行缩进两个字符的功能,这是利用了WordPress自动分段机制,WordPress会根据内容添加< […]

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

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

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

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

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

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

轻松实现WordPress文章首行缩进

轻松实现WordPress文章首行缩进

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