文章分类 -  html/css

css3 animation
摘要：让css animation 动画停在最后一帧 animation-fill-mode用来定义元素在动画结束后的样子。 animation-fill-mode 的默认值是 none，也就是在动画结束之后不做任何改动 .element { animation: fadein ease-in 2s; a 阅读全文
posted @ 2018-12-24 18:27 huihui2014
html页面使用include配置
摘要：<!-- <include src="public/Header.html"></include> --><!-- <include src="public/Footer.html"></include> --> 使用下方 <!--#include file="pulic/navHeader.htm 阅读全文
posted @ 2017-12-25 19:25 huihui2014
常用的css
摘要：comment.less layer-ui 阅读全文
posted @ 2017-06-07 19:38 huihui2014
空心三角形
摘要：.timeline .feed-unit:before, .timeline .feed-unit:after{ content: ""; position: absolute; width: 0; height: 0; } .timeline .feed-unit:before{ top:28px; left: -24px; border... 阅读全文
posted @ 2017-05-20 17:11 huihui2014
css动画
摘要：<style> div { width:100px; height:100px; background:red; position:relative; animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /*Safa 阅读全文
posted @ 2017-03-15 20:01 huihui2014
css透明度的设置 （兼容所有浏览器）
摘要：.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 阅读全文
posted @ 2017-02-27 13:47 huihui2014
box-sizing
摘要：box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ 阅读全文
posted @ 2017-01-19 11:42 huihui2014
input中line-height 光标不居中解决办法
摘要：.ui-lgin-main .input{ height: 50px; line-height: normal; line-height: 50px\9;} <div class="ui-lgin-main"> <input type="text" class="input" id="login_u 阅读全文
posted @ 2015-11-02 16:25 huihui2014
div 浮动时自适宽度
摘要：我们在设置div浮动宽度自适时div会自动换行我们只需要设置如下：.catListTag li{float:left;width:auto !important;width:45px; /*ie6.0*/min-width:45px; /*ie7.0*/overflow: visible;displ 阅读全文
posted @ 2015-06-30 14:42 huihui2014
兼容火狐的背景透明文字不透明
摘要：#container{ background: #000000\9; filter:Alpha(opacity=70);/* 只支持IE6、7、8、9 */ background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会 阅读全文
posted @ 2015-06-30 14:41 huihui2014