HTML5/CSS3
七彩皮皮丽
这个作者很懒,什么都没留下…
展开
-
css3—transition、transform
transitiontransition: 5s width linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); transformtransform后写的样式先执行!div{ transform: translate(50px,100px); //值 translate(50px,100px) 把元素从左原创 2017-07-07 16:08:13 · 999 阅读 · 0 评论 -
3d变换和动画
3D变换<style> .box{width: 100px; height: 100px; padding: 100px; border: 5px solid #000; margin: 30px auto; -webkit-transform-style: preserve-3d; -webkit-perspective: 100px;} .div{width: 100px; hei原创 2017-07-10 16:02:01 · 223 阅读 · 0 评论 -
transform—3D小练习
<style> .wrap{width: 100px; height: 100px; padding: 100px; border: 5px solid #000; margin: 100px auto; -webkit-perspective: 200px; -webkit-transform: scale(2); -webkit-perspective-origin: center ce原创 2017-07-10 17:23:52 · 345 阅读 · 0 评论 -
无缝滚动小练习—animation
html部分<body><div id="wrap"> <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>1</li> <li>2</li> <li>3</li>原创 2017-07-11 11:46:09 · 455 阅读 · 0 评论 -
表格—跨行、跨列
<html><body><h4>跨两列的单元格:</h4><table border="1"> <tr> <th>姓名</th> <th colspan="2">电话</th> //colspan="2" 跨两列 </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td>原创 2017-07-13 16:12:02 · 624 阅读 · 0 评论 -
自定义单选框样式
html部分<body> <label> <input type="radio" name="tab" /> <span></span> </label> <label> <input type="radio" name="tab" /> <span></span> </label> <label原创 2017-07-07 14:45:49 · 271 阅读 · 0 评论 -
animation—动画/停止动画
css部分<style>@-webkit-keyframes domove{ 0%{ top:0;left:0; } 25%{ top:0;left:300px; } 50%{ top:300px;left:300px; } 75%{ top:300px;left:0px;原创 2017-07-10 18:08:33 · 1247 阅读 · 0 评论 -
Html5的video标签自动填充满父div的大小
最近在写实时监控,发现给video加上它父级一样的宽高,但是实际上video的宽要比它父级的宽度要小。想要video能自动填充慢父div的大小,只要给video标签加上style=”width= 100%; height=100%; object-fit: fill”即可。object-fit语法 object-fit属性的语法非常的简单:object-fit:fill | contain | c转载 2017-08-18 10:34:51 · 8598 阅读 · 0 评论 -
去除谷歌input type设置password出现黄色背景和默认内容
去除谷歌input type设置password出现黄色背景和默认内容input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow:0 0 0 60px white inset; -webkit-text-fill-color: #878787...原创 2018-07-30 15:23:32 · 914 阅读 · 0 评论