标签归档：CSS

使用 Media Query 检测设备 Reduced Motion 设置

发表于 2017年4月29日 下午6:42 由 Sivan |

最近在看《Smooth Scrolling and Accessibility1 》这篇文章时，发现 … 继续阅读 →

发表在 前端开发 | 标签为 , , , | 2 条评论

使用 BEM 的几个注意事项

发表于 2017年4月16日 上午10:45 由 Sivan |

最近在做新的博客主题，又恰巧在整理 HTML 中为元素命名方面的心得，就借机重 … 继续阅读 →

发表在 前端开发 | 标签为 , , | 留下评论

在 WebStorm/PhpStorm 中开启对 Compass 的支持

发表于 2013年3月13日 下午9:23 由 Sivan |

在最新的 WebStorm/PhpStorm 6 更新中，加入了一系列优秀的前 … 继续阅读 →

发表在 软件技巧 | 标签为 , , , , , | 12 条评论

一种通过伪元素实现的更好的图片替换技术

发表于 2012年9月17日 下午9:02 由 Sivan |

昨天收到一条垃圾评论，内容是「多更新，要不然还以为您老人家去保卫钓 … 继续阅读 →

发表在 前端开发 | 标签为 | 6 条评论

通过 CSS3 根据子元素数量为其定义不同样式

发表于 2012年7月3日 下午5:10 由 Sivan |

在 LEA VEROU 的博客翻到这么一篇文章——《Styling c … 继续阅读 →

发表在 前端开发 | 标签为 , | 10 条评论

CSS3版变形金刚

发表于 2011年9月2日 下午11:09 由 Sivan |

以前做过一个CSS3版忍者神龟，刚才无聊又做了一个变形金刚。 Safari 4+、Chrome、Firefox 5+、Opera 11+以及iOS 4+、Blackberry OS6+、Android都可以看到效果。 演示页面：

发表在 前端开发 | 标签为 , | 17 条评论

CSS3 Transform实践：在手机浏览器中缩放iframe

发表于 2011年8月13日 下午5:43 由 Sivan |

在App每日推送的网站中，我们使用了百度广告管家来控制网站广告的投放。其提供的代码 … 继续阅读 →

发表在 前端开发 | 标签为 , , | 3 条评论

纯CSS打造的3D效果

发表于 2011年4月21日 下午6:08 由 Sivan |

http://css-3d.org/space-cube-1.htm CSS 3D网站提供了几个令人振奋的纯CSS实现的3D效果。需使用Safari、iPad或iPhone查看效果，Chrome和Android目前还不行。经测试，Chrome金丝雀版也支持，12.X稳定版还不行。

发表在 前端开发 | 标签为 , | 16 条评论

CSS3版忍者神龟

发表于 2011年3月23日 下午6:07 由 Sivan |

前几天闲来无事，用CSS3做了一个忍者神龟。搞完无聊，又弄了简单的动画效果。各位看着玩吧，Chr … 继续阅读 →

发表在 前端开发 | 标签为 , , | 16 条评论

网页重构中区分IE6、IE7、IE8及标准浏览器的最佳方法

发表于 2011年3月14日 上午12:23 由 Sivan |

写在前面 由于万恶的IE（尤其指IE6和IE7），我们在页面重构时不免要 … 继续阅读 →

发表在 前端开发 | 标签为 , , | 9 条评论