• 欢迎访问乐趣公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入乐趣公园 QQ群
  • Git主题现已支持PHP7版本,速度应该会提高不少,不过云落的网站本来就很快了,所以感觉不是太明显
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏乐趣公园吧
  • 云落的淘宝店铺已经开张了哦,传送门:https://kimipet.taobao.com

标签:CSS

用实际演示来证明CSS代码的执行顺序的以及冲突问题

我们来讨论下当 CSS 代码出现冲突的时候,浏览器到底听哪个话的问题前言错误的原因百度了一下,发现 css 样式的生效有很多顺序,顺序如下:!important > 内嵌 > id > class > html举例子,看下面代码,很简单的代码,而且样式有明显的冲突,就好像有几个领导,每个领导都给你下达不同的……

使用浏览器插件自定义百度云收藏样式

修改百度云收藏默认的卡片式样式,修改为可视面积更大的自定义样式前言百度云收藏百度云收藏是百度推出的一种文章收藏工具,当然它也支持图片收藏!文章首长还有,种子兽场,但是在这里云落主要使用的是他的收藏网址的功能,也就是说将它作为书签管理的使用,但是百度云收藏的书签管理模式比较复杂,准确的说是比较难用,因为他是给收……

小技巧解决大问题-轻松解决随机彩色问题

利用随机数以及动态 class 的方法,我们这边可以做出很多漂亮的色彩搭配,今天就来看下。前言前几天做一个链接导航页面,想做个彩色的,百度一下,然后自己弄了下,给出了两个方案,这里给需要的人,也给自己留个笔记。第一个方案第一个方案简单粗暴,主要是使用了随机数函数,我们都知道颜色代码都是这样的#ffffff ……

CSS控制文字文本超过宽度或高度自动隐藏

前言刚刚在做 css 的时候发现需要对文字隐藏,所以这里记录下,下次好使用。CSS 代码.text1 { word-break: keep-all;/*不换行*/ white-space: nowrap;/*不换行*/ overflow: hidden;/*多余隐藏*/ text-over……

一个处理CSS浏览器兼容性的神器网站:AutoPrefixer

autoprefixer 是一款能够在线补齐 CSS3 浏览器兼容性标签的网站,使用这款在线工具可以免去考虑浏览器标签前缀的问题。写过 CSS 的都知道,不要同内核浏览器有不同的前缀标签,有时候我们可能忘记那些需要加标签,有时候会加多了,这时候我们需要一款只能添加,去除标签的工具,今天介绍的 autoprefix……

纯CSS制作一个非常简单的tip效果

我们在网页上有时会针对一些内容做详细说明,以便更友好的服务用户。最常见的是在网站上加个用户使用帮助,但是一般需要跳转页面。今天我给大家介绍只需将鼠标滑向一个小问号上,就会出现帮助提示信息的效果。前言其实本文要分享的就是我们常见到的提示信息工具 tooltip,它能够为我们的页面提供非常漂亮的提示信息,让内容更加……

HTML+CSS实现天狗食日的效果

最近无意中看到的一个比较好奇的天狗食日的特效,所以就转来看看代码……

使用CSS3线性渐变实现图片划过炫光效果

使用简单的 CSS 给图片添加划过炫光效果,炫光根本停不下来前言前段时间看到的范范的首页缩略图效果是划过闪光的,虽然差点闪瞎了我的眼睛,但是看看,原来是给图片表面再加一个透明层,CSS 写一个角度,当鼠标悬停的时候,透明层划过,简单的说过了,下面实践一下吧。效果……

Google Code Prettify 漂亮代码高亮样式分享

Google Code Prettify 代码高亮主题分享,都是蛮漂亮的前言神马是代码高亮??看看这个就知道了//获取所有站点分类 idfunction Bing_show_category() { global $wpdb; $request = "SELECT $wpdb->t……

代码高亮插件WP-Code-Highlight 样式美化

给代码高亮插件 WP-Code-Highlight 换个代码样式,看起来更漂亮点前言熟悉本站的都知道,本网站的代码高亮一直是采用 WP-Code-Highlight 这个插件,关于这个插件,本站也发过几篇文章WordPress 代码高亮插件:WP Code Highlight修改 WP-Code-Highli……

火影忍者完结献礼:CSS绘画火影写轮眼演变

火影忍者完结了,今天给大家带来一个非常不错的写轮眼 CSS……

几句CSS代码让你的WordPress评论头像转起来23333

使用 CSS 里面的 Transition 属性让 WordPress 头像转起来!!!!!前言[v_pink]大家都知道我的主题的读者墙以及友情链接使用了旋转头像的功能,今天无聊看了下,然后应用到评论头像上面,一起转起来吧[/v_pink]样式代码将以下代码放进 style.css 文件里面就好了,然后就……

分享一个比较大气的提醒框样式

See the Pen CSS3 Flat Notifications by 无法诉说的吟荡 (@) on CodePen.……

CSS绘制星星评分

今天是个特殊的日子,祝大家双节快乐,心想事成!^_^ 接下来给大家介绍一个纯CSS写的星星评分展示效果。主要是border的一个非常巧妙的实际运用,非常不错,很值得学习。先看下演示效果吧。……

CSS3创意样式按钮

今天为大家分享一些用css3写出来的创意样式按钮。这套按钮样式在鼠标经过时、点击时都有一些微妙的变换,包含一些简单css3过渡效果、动画效果以及javascript的辅助控制效果。在这套创意样式按钮当中,很多地方都是巧妙的使用了 :before和 :after等伪元素。……

时尚而简单的鼠标经过图标动画效果

今天就为大家分享一组时尚而简单的鼠标经过图标动画效果。主要的原理是当经过图标或触发其伪元素时,利用css的transitions和animations属性,来实现的一些互动动画效果。在此之前,本站也介绍了很多css伪元素的文章,如:动画条纹边框、伪元素的多重选择、制作时尚焦点图相框等等。……

创意CSS3头像展示

今天就为大家分享一个非常有创意的CSS3头像展示效果,交互性强,是一个基于css3和js来实现的,代码量不多,但是最终的效果却很让人赞叹,所以特别推荐给大家。其中关于本示例的一些css样式呈现,个人认为还有很大的发挥空间,例如鼠标经过的时候而不是切换成一个背景色和文字,而是替换成其他的相关图片(例如改为人物的其他表情)……

Canvas的一花一木

这段时间都在接触HTML5 Canvas这个绘制图形元素,也搜集了不少这方面的知识,发现有一篇文章写的非常不错,对Canvas讲解的非常清楚,阅读后个人感觉非常有帮助,故把他转载到本站,以便参考。……

HTML5+CSS3城市场景动画

最近一直在研究HTML5的动画表现,特别是在移动设备上的呈现。在上一篇文章《盛开的CSS3梦幻荷花》中提到如何用css3制作丰富动画效果的两个思路,当然除此之外,结合使用javascript脚本语言将可以实现更加强大的动画效果以及交互动作。……

盛开的CSS3梦幻荷花

这是一个利用css3制作的动画,众所周知,用css3制作动画可以用Animation和transform属性来实现。我们通过官方的介绍,都大概的了解这两个属性,但展示出来的动画示例大都是比较简单的;在之前的一篇文章也提到了这一点《REQUESTANIMATIONFRAME制作动画:旋转风车》。那对于比较丰富复杂的动画,……

CSS3闪烁跳跃的进度条

之前为大家分享过一篇关于css3进度条的一篇文章《实现CSS3动态进度条及JQUERY百分比数字显示》,今天为大家带来另一款更具个性化的进度条:CSS3闪烁跳跃的进度条。……

使用Stylish样式,显示贴吧吧务等级

其实就是一段代码而已前言贴吧的吧务等级正常是看不了的,但是在火狐浏览器里面,使用一个简短的代码就可以让吧务等级显示出来了代码/*显示吧务等级*/.l_post[data-field*=""bawu":1"] .d_badge {box-shadow: 0 ……