css
文章平均质量分 92
低_调_哥
这个作者很懒,什么都没留下…
展开
-
css伪元素做border三角图标
p { width: 200px; height: 50px; line-height: 50px; background: red; } p::before { display: inline-block; border: 5px solid transparent;转载 2018-01-22 10:24:26 · 1214 阅读 · 0 评论 -
jeecg给t标签添加类名和样式
1.添加类名<t:dictSelect field="tsource" id="tsource" type="select" typeGroupCode="tsource" hasLabel="false" title="任务来源" defaultVal="1" extendJson="{class:'custom-select w145'}原创 2018-12-04 16:53:13 · 2003 阅读 · 0 评论 -
ie兼容
ie兼容1.透明度:opicity:0.6ie8以下写法 filter:alpha(opacity=60)2.媒体查询/*ie9以上支持*/@media screen and (max-width: 1500px){ .arr-book-list .item{width:21.43%;}}@media screen and (max-width: 1280px){ .arr-boo...原创 2018-03-13 16:51:35 · 211 阅读 · 0 评论 -
背景图片在ie8浏览器不能拉伸覆盖问题解决
1.html<div class="top-content"> <!--<img src="../../../resources/img/project/appro-anlyze-bg.png" alt="">--></div>2.css.top-content{ height: 190px; padding:原创 2018-03-13 16:26:08 · 4717 阅读 · 0 评论 -
CSS 实现隐藏滚动条同时又可以滚动
.element::-webkit-scrollbar {display:none}如果要兼容 PC 其他浏览器(IE、Firefox 等),国外一位才人 John Kurlak 也研究出了一种办法。在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样,就变相隐藏了。案例:1.html <div class="outer-container"> ...转载 2018-03-03 11:11:51 · 313 阅读 · 0 评论 -
animation上传状态案例
1.html<div class="add-content pop-width-650 BoxWrap" id="uploadFileTwoPop" style="display: block;"> <div class="add-header"> <div class="add-header-l">添原创 2018-03-01 18:08:13 · 273 阅读 · 0 评论 -
css3动画animation属性大全
animation属性语法:animation: name duration timing-function delay iteration-count direction fill-mode play-state;例:animation: myanimation 2s linear 1s infinite forwards;animation 属性是一个简写属性,用于设置动画属性:animati...原创 2018-02-28 11:48:47 · 14172 阅读 · 0 评论 -
animation实现一闪一闪效果
附图:1.html<div class="radius"> <span class="animate-radius"></span> 888</div>2.css.radius{ width: 100px; height: 100px; margin: 100px auto; border-radiu...原创 2018-02-28 10:44:13 · 5195 阅读 · 0 评论 -
css折叠表格
1.html<div class="custom-fold-table"> <table cellpadding="0" cellspacing="0" width="100%" class="ellipsis-thead custom-table last-column-center table-border"> <th原创 2018-02-11 09:56:08 · 2105 阅读 · 2 评论 -
css3实现波纹式动画,点击聚焦时设置内阴影实现按钮点击立体效果
1.html class="choose-box c5 c6"> class="active-wrap"> class="active-btn">80% class="circle1"> class="circle2"> 2.css.c5 .active-wrap .a原创 2018-02-05 10:24:43 · 1663 阅读 · 0 评论 -
css实现加载中loading动画效果
1.html<div class="load-container"> <div class="loader"></div> <p>加载中请稍后...</p></div>2.css.load-container{padding:20px 0;text-align:center;}.loa转载 2018-02-09 15:14:08 · 6635 阅读 · 2 评论 -
css修改checkbox样式
checkbox样式美化,纯css方法1、label for input的id,可以实现点击label,使input选中或者取消选中的效果。要绑定idhtml type="checkbox"class="input_check" id="check3"> for="check3"> type="checkbox"class="input_check"原创 2018-01-26 11:16:43 · 1551 阅读 · 0 评论 -
appCan内置ui框架css
详细资料可查看http://newdocx.appcan.cn/quickstart/create-appub 元素采用弹性BOX布局ub-rev 子元素反序排列ub-con 在子元素中加入一个容器,用于避免内容引起子元素大小变化对应CSS代码为position:absolute;width:100%;height:100%;ub-ac、ub-ae 子元素垂直居中对齐和尾对齐ub-...转载 2019-01-21 10:34:14 · 953 阅读 · 0 评论