木灵鱼儿

博客
正在进入:首页

分类 CSS 下的文章

远程字体 详解阿里巴巴矢量字体库css原理
远程字体 详解阿里巴巴矢量字体库css原理

关于自定义字体,我一开始只以为只能本地加载,也就是css里面定义的字体,都只能从本地加载到,但是后来我了解到字符图标,一开始也是照本宣科使用本地字体,这就导致了一个问题,如果服务器网速带宽不够,就会产生字符字体文件未加载完整时,有一个占位字符显示,时间一长就显得极度的难看。...

木灵鱼儿

css3 字体渐变动效
css3 字体渐变动效

以前写过一篇关于字体渐变效果的文章,那时候初出茅庐,啥都不太懂,就只会个静态,这次逛animate.css网站的时候发现他的字体是动态渐变效果的,这就有点刺激了,于是研究了一下。效果图教程主要是利用了css3的滤镜效果,也就是hue-rotate()色调转盘,他会根据当前的...

木灵鱼儿

多行文本溢出显示省略号
多行文本溢出显示省略号

css控制文本溢出隐藏css兼容最好的就是单行文本溢出省略号了,我们先看下单行的css是怎么设置的:p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }表示文本不换行,...

木灵鱼儿

图片模糊过度原理(QQ空间图片过度效果)
图片模糊过度原理(QQ空间图片过度效果)

之前一直用的懒加载,也就是对同一个img元素做操作,通过load事件判断图片资源是否加载完毕然后替换src链接,但是今天我不想这么做了,这么做要写太多的代码,我想有没有纯css就能解决的办法。突然我想到以前逛别人博客的时候遇到的一个情况,就是他的图片是先高斯模糊的,然后再慢...

木灵鱼儿

关于手机端虚拟键盘压缩页面高度的解决办法
关于手机端虚拟键盘压缩页面高度的解决办法

手机端只要有输入框,弹出虚拟键盘后,一般来说都会压缩整个页面的高度,这就导致了一个问题,如果浮动于底部的标签就会被压上来,以及一些根据页面高度百分比定位的元素错位,解决这个问题目前我就只有一个办法: 固定整个页面的高度在页面每次加载后获取window的innerHeight...

木灵鱼儿

处理谷歌浏览器总是提示无法阻止事件的报错
处理谷歌浏览器总是提示无法阻止事件的报错

这个问题一直困扰了我很久了,之前我做手机端侧栏nav的时候也会出现这个问题,因为不影响使用,也暂时没找到处理的办法,索性就没管了,今天尝试了几次方式,发现通过css设置就很很完美的解决的这个问题.首先这个问题一般都是因为我们阻止的touch事件导致的,谷歌为了让滑动能够顺滑...

木灵鱼儿

margin负值拉伸元素
margin负值拉伸元素

今天按着书写代码的时候发现一个问题,margin负值居然无法拉伸元素,在我的理解里margin四个值都为负值的时候是可以拉伸元素的。为此我还特意百度了下,也没找到什么有价值的信息,于是自己测试了下。当元素为block话的时候,也就是正常水平流状态时,使用margin负值是可...

木灵鱼儿

css动画之jojo波纹(波纹动效)
css动画之jojo波纹(波纹动效)

先看看仿制的原作动画效果我们首先做一个分析,他首先它的本质就是一个圆圈在渐变放大然后缩小的过程,然后通过三个圆圈达到波动的效果,那么我们就可以通过动画annimation来制作。首先可以明确一点就是,他们的动画是一样的,只是触发的时间不同,那么就很简单了,动画提供延时功能,...

木灵鱼儿

为博客文章加上标签
为博客文章加上标签

突然想给博客加个标签,然后说干就干,反正挺简单的,然后效果还不错,美滋滋........

木灵鱼儿

什么是上下文节点???
什么是上下文节点???

学html+css的时候有在书上看到过上下文节点,但是也没详细说明,看视频的时候也有人说过,但是也是一笔带过,也没在意,今天学XPath的时候就有关于上下文节点有一个说明,但是只说了一点,没啥详细,所以自己百度了下,如下:代码:<html> <bod...

木灵鱼儿

Info
Site Info

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了185篇文章

Archive
Article Archive
Weather
Weather

湿度
设置
配色方案

宽度

现在购买