2018年8月15日

CSS3的动画、弹性盒子和多媒体查询

摘要： 动画： 1、@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果2、使用animation进行动画捆绑。两个值：动画名称、时长3、我们一般情况下使用0%~100%来规定动画发生的时机。或者使用关键词from...to...，效果 阅读全文

posted @ 2018-08-15 16:48 孙崇武 阅读(148) 评论(0) 推荐(0) 编辑

CSS3的颜色（RGBA)透明度、渐变颜色、图片、旋转和过渡

摘要： 背景透明度： opacity：0~1（ 每次变换0.1） 效果如下： opacity：1时 opacity：0.5时 opacity：0时 背景颜色： RGBA R：红 G：绿 B：蓝 alpha:透明度的参数 RGB的取值范围是0~255/0~100% alpha的取值范围是0~1 不可为负值 效 阅读全文

posted @ 2018-08-15 15:29 孙崇武 阅读(1131) 评论(0) 推荐(0) 编辑

CSS3边框、背景和字体

摘要： CSS3 边框： 1.盒子圆角：border-radius 效果如下： 2.盒子阴影：box-shadow 值有3个时，表示距离左侧、距离上侧、影子颜色 值有4个时，表示距离左侧、距离上侧、虚化的像素、影子颜色 值有5个时，表示距离左侧、距离上侧、虚化的像素、影子颜色、是否显示在内部并且将颜色进行反 阅读全文

posted @ 2018-08-15 09:19 孙崇武 阅读(133) 评论(0) 推荐(0) 编辑

导航