| 共 18 篇文章 |
|
浅谈CSS3 Filter的10种特效发布时间：2012-10-30 08:03:28 来源：html5中文网 评论：0 点击： 次 【字号：大 中 小】 QQ空间 新浪微博 腾讯微博 人人网 豆瓣网 百度空间 百度搜藏 开心网 复制 更多6 必须要说明的是，这里的CSS3 Filter与我们所熟悉的CSS Filter是完全不同的两个概念，也不是我们所熟悉的IE滤镜，它是指通过CSS或SVG渲染... 阅157 转2 评0 公众公开 15-09-02 14:10 |
边框图片宽度border-image-width.}/*拉伸*/.border-image-repeat{ border:27px solid #000; border-image-source:url(http://img.xiaoho.com/2014/09/border.png);border-image-slice:27 27 27 27;border-image-repeat:repeat;}/*重复*/.border-image-round{ border:27px solid #000; border-image-source:url(http://img.xiaoho.com/2014/09/b... 阅59923 转223 评5 公众公开 14-10-16 13:25 |
高性能 CSS3 动画前端观察 | CSS | 前端观察。关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。然而，CSS3动画在移动多终端设备场景下，相比PC会面对更多的性能问题，主要体现在动画的卡顿与闪烁。var newWidth = aDiv.var newHeight = aDiv.从注释中可找到规律，连续的读取offsetWidth/Height... 阅272 转3 评0 公众公开 14-10-13 16:24 |
step1, 动作1在0%上，动作停留20帧@keyframes anim-name{ 0%, 20%{ /* 动作1 */ } ...}复制代码step2, 动作之间过渡5帧，动作1结束帧在20%，20+5=25, 动作2在25%帧，动作停留20帧@keyframes anim-name{ 0%, 20%{ /* 动作1 */ } 25%, 45%{ /* 动作2 */ } ...}复制代码……还有跑步动画（该动画的实现，可 查看 白树同学的分享）动... 阅335 转1 评0 公众公开 14-10-10 12:00 |
使IE6下PNG背景透明的七种方法任你选。PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。因此，其他浏览器会调用PNG，而IE6刚调用GIF。上面的原理是其他调用PNG，IE6,则先设背景没有，然后调用滤镜使之显示PNG图片。<div class="pngImg">PNG背... 阅461 转8 评0 公众公开 11-07-01 11:55 |
阅2529 转9 评0 公众公开 11-04-19 11:21 |
CSS中!important的作用 - cuiyh的日志 - Discuz! 官方站 - ...(1)区别ie与firefox的hack为:border:2px solid #f00;*border:1px solid #f00; (2)区别Ie6.0 与Ie7.0、firefox的hack为:border:1px solid #f00!important;border:2px solid #f00;/*提升指定样式规则的应用优先权*/background-color:red;border:3px solid #000!important;/*firef... 阅114 转0 评0 公众公开 11-04-14 11:03 |
Sans Serif 字体，Serif字体什么是Sans Serif 字体，什么是Serif字体？3974 拜读了 LGJ Font Notes 的 Serif VS. Sans Serif 注1 一文，顿时胸中豁然开朗，终于明白了什么是Sans Serif字体，什么是Serif字体，什么地方应该使用Sans Serif字体，什么地方又应该使用Serif字体。Serif 和 Sans Serif 的一般比较Serif的字体容易辨认，因此易读性较... 阅426 转自chennz 公众公开 11-02-22 13:56 |
b、触发中英文对象的haslayout，再给给中英文对象加上vertical-align:baseline即可。当默认才用英文字体时，中英文混合对象的英文会使用你指定的字体，而中文会使用浏览器默认的中文字体。英文用tahoma字体，中文用宋体（font-family:tahoma,arial,宋体,sans-serif; 我从淘宝复制来的字体）缺陷：使用tahoma字体时，在ie6及ie6以下版本，会导致... 阅741 转2 评0 公众公开 11-02-22 13:51 |
CSS行高与行对齐精解：line-height 和 vertical-align （图文）7.3 line-height.上标（vertical-align:super）使元素的基线（替换元素的底端）相对于父元素的基线升高，下标（vertical-align:sub）使元素的基线降低，移动的幅度CSS规范中没有规定，由浏览器来决定。<p>上标文字<span style="vertical- align:super;">ver... 阅86 转自KILLKISS 公众公开 11-02-22 11:39 |
