css3

Firefox 开启 CSS3 backdrop-filter 支持

Chrome、Edg 默认都支持 CSS3 的 backdrop-filter 样式，Firefox 默认居然不支持，版本 92 (64-bit)。 Firefox 这坑货还得手动开启 backdrop-filter 支持。 浏览器地址栏输入 about:config，然后奔出了个 Proceed with Caution 的警告，Ac...

用 CSS3 画心形和搜索放大镜图标

这纯粹是个无聊的更新，即使你画了也多大的卵用，但我还是画了，实在是无聊。 用 CSS3 画心形 1、先来个class="heart"的div 2、讲上面的 div 整成红色的正方形，然后转 45 度变成个菱形样 .heart { position: relati...

CSS3小技巧收藏

在博客上点来点去，看到 moyu 的博客上有下面这篇 CSS小技巧收藏 的文章，许多技巧没用过，非常不错，遂转之。 居中对齐 很多时候我们需要把一个元素在其父级容器里水平、垂直居中对齐。以下我列出了常用的几种方法： 1、在知道子元素...

CSS3 中的 rem 值与 px 之间的换算

想给博客换个主题，到处找找不到满意的，最后发现默认主题 twentytwelve 越看越顺眼，于是就想动手改一下用。 看 CSS 文件的时候发现引入了一个新大小单位：rem，虽然 CSS ...

IE9不错

用ie8登录wp后台，提示我浏览器版本太低，以往都是无视的，而且基本不用ie，晚上无聊手贱就点了升级了。没想到升级还挺快，联通的无线网卡十几分钟不到就全部搞定了。 重启...

Chrome下，css3让你的链接“微微发抖”

CSS3的神奇让人震撼，唯一遗憾的是，即使在高级浏览器中，有些功能也不是被普遍支持的，下面我遇到的这个看上去像flash制作出来的“微微发抖”的功能好像只支持webkit核心的浏览器，比如谷歌的chrome。如果你是谷歌浏览器，你看到的下面这些链接应...

CSS3 Color Names

Name Hexadecimal Percentage Integer Short Hex Example aliceblue #f0f8ff rgb(94.1%,96.9%,100%) rgb(240,248,255)   antiquewhite #faebd7 ...

CSS3具有动画效果的一些属性

CSS3的属性比如border-radius、box-shadow和text-shadow在webkit(Safari、Chrome等)和Gecko(Firefox)等先进的浏览器中的使用开始出现增长的势头。它们(这些CSS属性)已经为用户创建更轻量的页面和更丰富的体验，而且它们可以优雅的降级。然而，这...