随笔分类 - CSS3相关用法与效果
摘要：*{ margin:0;padding:0;outline:0 } a{ text-decoration:none } body,html{ font-size:20px;font-family:'Microsoft YaHei,微软雅黑';height:100%; } -webkit-input-
阅读全文
摘要：label { font-size: 0.28rem; display: inline-block; width: 0.95rem; text-align: justify; text-align-last: justify; }
阅读全文
摘要：body { background: repeating-linear-gradient(to right, #00d2fd 0%, #0092fa 100%); background-size: cover; width: 100%; height: 100%; }
阅读全文
摘要：position: absolute; width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%);
阅读全文
摘要：效果图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user
阅读全文
摘要：.vogueHover { width: 100%;height: 100%; position: absolute; left: 0; top: 0; background: #001e50; z-index: 9999; opacity:0 } .vogueHover:hover { trans
阅读全文
摘要：transition: .3s all ease; .tmall .tmall-tabbodys { width: 100%; position: absolute; left: 0px; transition: .7s all ease; } 动果切换带有运营商校验 <!DOCTYPE html>
阅读全文
摘要：css语法 background: linear-gradient(direction,color-stop1,color-stop2,...); direction：用角度值指定渐变的方向（或角度）； color-stop1,color-stop2,...：用于指定渐变的起止颜色 ps：至少需要两
阅读全文
摘要：<!doctype html>无标题文档 一、新增的选择器 CSS3新增的属性选择器 {除ie6外的大部分浏览器支持） 序号选择器含义实例 1 E[att^="val"] 属性att的值以"val"开头的元素 div[id^="nav"] { background:#ff0; } 2 E[att$=
阅读全文
