-
分类
-
热门内容
- macOS 常用软件推荐(2020.01.01 更新)[270,575]
- 使用 Mac 系统自带的词典程序快速取词翻译[155,118]
- 给网站添加X-UA-Compatible标签[136,315]
- 载入 jQuery 库的最佳方法[73,228]
- 我最喜欢的十个安卓应用[64,680]
- 感谢苹果,新主题进度归零[59,720]
- [Mac]免费无损音乐播放器──Cog[59,235]
- 一键显示Mac下隐藏文件[58,812]
- 在 WebStorm/PhpStorm 中开启对 Compass 的支持[53,314]
- HP Veer 4G 使用小记[51,895]
-
标签
标签归档:CSS3
使用 Media Query 检测设备 Reduced Motion 设置
最近在看《Smooth Scrolling and Accessibility1 》这篇文章时,发现在 Safari 10.1 中增加了一个好玩的访问性检测——Reduced Motion2,因此可以通过特性检测区分并对一些配置较差或主动开启「减弱动态效果」的用户进 … 继续阅读
通过 CSS3 根据子元素数量为其定义不同样式
在 LEA VEROU 的博客翻到这么一篇文章——《Styling children based on their number, with CSS3》。原文谈到使用“:nth-child 伪类元素选择器”的方法在 2009 年被提出,LEA VEROU 又通过普通相邻选择器(General sibli … 继续阅读
CSS3版变形金刚
以前做过一个CSS3版忍者神龟,刚才无聊又做了一个变形金刚。 Safari 4+、Chrome、Firefox 5+、Opera 11+以及iOS 4+、Blackberry OS6+、Android都可以看到效果。 演示页面: … 继续阅读
CSS3 Transform实践:在手机浏览器中缩放iframe
在App每日推送的网站中,我们使用了百度广告管家来控制网站广告的投放。其提供的代码通过js写了一段<iframe>来显示广告,这在电脑以及iPad上是没有问题的,但在手机上的显示却产生了一些问题。 <iframe> … 继续阅读
纯CSS打造的3D效果
http://css-3d.org/space-cube-1.htm CSS 3D网站提供了几个令人振奋的纯CSS实现的3D效果。需使用Safari、iPad或iPhone查看效果,Chrome和Android目前还不行。经测试,Chrome金丝雀版也支持,12.X稳定版还不行。 … 继续阅读