随笔分类 -  css3

谷歌浏览器 html5的声音和视频不能自动播放处理
摘要：AI模型开发就选MindSpore！新特性、新工具上线！>>> 声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说<audi 阅读全文
posted @ 2021-04-01 10:26 zhengyan_web 阅读(2931) 评论(0) 推荐(0) 编辑
解决浏览器background-image属性不支持css3动画
摘要：问题 最近在使用background-image属性来实现CSS3的逐帧动画时，碰到了个问题。在chrome浏览器上，background-image属性是支持css3动画的，但是到了firefox上，就完全看不到任何动画。 原因 通过网上查找，才发现W3C标准中明确background-image 阅读全文
posted @ 2017-05-02 16:24 zhengyan_web 阅读(1929) 评论(0) 推荐(0) 编辑
css3 box-shadow 阴影的用法
摘要：text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}... 阅读全文
posted @ 2016-01-07 21:58 zhengyan_web 阅读(396) 评论(0) 推荐(0) 编辑
box-shadow 阴影
摘要：text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}... 阅读全文
posted @ 2015-05-14 11:11 zhengyan_web 阅读(341) 评论(0) 推荐(0) 编辑
简单介绍移动端CSS3单位rem的用法
摘要：PC端大部份是用px单位，小部分用em单位，而移动端，请全部用rem单位吧。目前大部份设备，包括但不限于iOS 5+、Android 2.3+、Window Phone 8+都是可以兼容的，具体兼容表请看caniuse。rem是什么意思呢？CSS手册上的说明：相对长度单位，相对于根元素（即html元... 阅读全文
posted @ 2015-03-26 22:14 zhengyan_web 阅读(524) 评论(0) 推荐(0) 编辑
css3制作字体
摘要：代码教程HTML代码用H1吧，这样语义化好些，因为标题一般用h1-h6.美丽的中国语纯CSS制作的复古风格的大标题.vintage{background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmk... 阅读全文
posted @ 2015-03-16 21:55 zhengyan_web 阅读(538) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示