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

标签:CSS

网络技术

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

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

云落 3个月前 (11-04) 46浏览 1评论2个赞

折腾不止

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

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

云落 3个月前 (11-03) 49浏览 1评论4个赞

网络技术

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

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

云落 5个月前 (09-02) 96浏览 0评论2个赞

免费资源

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

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

云落 2年前 (2016-04-21) 238浏览 3评论6个赞

网络技术

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

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

云落 3年前 (2015-06-18) 479浏览 10评论26个赞

网络技术

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

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

云落 3年前 (2015-02-06) 458浏览 2评论6个赞

WordPress

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

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

云落 3年前 (2014-11-10) 573浏览 2评论4个赞

网络技术

CSS绘制星星评分

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

云落 3年前 (2014-10-12) 393浏览 0评论5个赞

网络技术

CSS3创意样式按钮

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

云落 3年前 (2014-10-12) 465浏览 0评论11个赞

网络技术

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

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

云落 3年前 (2014-10-12) 438浏览 1评论6个赞

网络技术

响应式多级菜单

响应式多级菜单
今天要跟大家分享的是一个流体布局的下拉菜单。主要的设计思路是:在菜单中往往会有很多内容或者有多个层次的子菜单,为了更加简洁和节省空间,在这个下拉菜单中将每个子菜单都隐藏在一个主导航按钮下方,当点击的时候通过细微的动画显示出来;当再次点击层级菜单时,可以再次以不同形式的动画展示下一级菜单。因为此菜单是流体布局的,所以可以……继续阅读 »

云落 3年前 (2014-10-11) 397浏览 0评论2个赞

网络技术

创意CSS3头像展示

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

云落 3年前 (2014-10-11) 404浏览 0评论1个赞

网络技术

Canvas的一花一木

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

云落 3年前 (2014-10-11) 377浏览 0评论3个赞

网络技术

HTML5+CSS3城市场景动画

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

云落 3年前 (2014-10-11) 400浏览 0评论1个赞

网络技术

盛开的CSS3梦幻荷花

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

云落 3年前 (2014-10-11) 369浏览 0评论4个赞