cssgrace
cssgrace copied to clipboard
cssdream
从今天起，写简单优雅面向未来的 CSS。From now on,writing brief,elegant,future-oriented CSS.
input: ``` css .foo { overflow : auto; /* or overflow-x/y: scroll */ } ``` output: ``` css .foo { overflow : auto; /* or overflow-x/y: scroll */ -webkit-overflow-scrolling: touch;...
input: ``` css .foo { animation: foo 1s 2s infinite linear alternate both paused; } ``` Will out: ``` css .foo { animation: foo 1s 2s infinite linear alternate both;...
## 问题描述 在不考虑 HTML Class 用法是否正确的前提下，现在普遍存在如下 HTML 结构： ``` html 1 2 3 ``` 有如下 CSS，期望结果是 1、2显示红色，3为默认颜色（黑色）。 ``` css [class^="icon-"] { color: red; } ``` ## 测试（[Demo](http://jsbin.com/yotefozici/2/edit)） 1 [class^="icon-"] 的本意是匹配`icon-`开头的...
input: ``` css .foo { clip: rect(5px, 40px, 45px, 5px); } ``` ``` css .foo { clip: rect(5px, 40px, 45px, 5px); *clip: rect(5px 40px 45px 5px); } ```
Fixed: http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera ``` css /* * There's a bug in Chrome/Safari using overflow:hidden with border-radius. This mask fixes it. * Solution: http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258 */ .masked { position: absolute; border-radius: 10px; overflow:...