CSS
相濡以沫丶
抱紧你的我,比国王富有
展开
-
input,textarea的placeholder属性设置字体颜色
input,textarea的placeholder属性设置字体颜色input::-webkit-input-placeholder { color: red !important; } input:-moz-placeholder { color: red !important; } input::-moz-placeholder {原创 2017-08-21 11:42:36 · 5287 阅读 · 0 评论 -
css利用after解决菜单栏,弹出层双阴影重叠问题
css 利用after.custom_nav_list li:first-child:hover > a:after { content: ''; background: rgb(255, 255, 255); position: absolute; height: 4px; width: 100%; bottom: 0px; left: 0原创 2018-05-05 12:22:24 · 779 阅读 · 0 评论 -
css智能显示隐藏返回顶部按妞
//返回顶部$('.gotop').click(function(){$('html,body').animate({scrollTop: 0}, 500);});$(window).scroll(function(e){ if($(window).scrollTop() >= 300){原创 2017-10-17 10:25:41 · 742 阅读 · 0 评论 -
css模拟对话框
使用背景图制作对话框.live-chat-tipbox{ position: absolute; top: -100px; right: 10px; width: 85px; border: 2px solid #ff8b00; padding: 15px 17px; font-size: 14px; line-height: 1.5;原创 2017-10-10 15:21:44 · 435 阅读 · 0 评论 -
input,textarea的placeholder属性设置字体颜色
input,textarea的placeholder属性设置字体颜色input::-webkit-input-placeholder { color: red !important; } input:-moz-placeholder { color: red !important; } input::-moz-placeholder {原创 2017-09-21 18:25:29 · 1030 阅读 · 0 评论 -
css制作导航栏小三角形箭头 .clearance-product-title span.active:after ,.clearance-product-title span:hover:afte
.clearance-product-title span.active:after ,.clearance-product-title span:hover:after { border: dashed transparent; border-top: solid #fece00; border-width: 10px 10px 0; margin-left原创 2017-09-21 18:25:00 · 645 阅读 · 0 评论 -
如何用css实现一条直线渐变效果
#grad1 { background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59),#FFF); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(251, 251, 251, 0.原创 2017-09-21 18:24:35 · 1289 阅读 · 0 评论 -
css动画效果:鼠标移上去底部线条从中间往四周动画延伸
css动画效果:鼠标移上去底部线条从中间往四周动画延伸如图:.top-nav a:after { content: ' '; position: absolute; z-index: 2; bottom: 0; left: 50%; display: block; width: 165px; height: 1px; trans原创 2017-09-21 18:24:08 · 9664 阅读 · 0 评论 -
响应式图片设置方法
响应式图片设置方法1. img引入的图片:给图片设置width属性100%;高度自适应给图片设置属性宽度为100%的情况下,可自适应图片<div class="bsize-padding"><img src="" width="100%"/></div>2. 背景图自适应:使用padding-top:(percentage)实现响应式背景图片图片自适应问题,图片宽度设置100%,页面加载时会存在高度原创 2017-09-07 18:24:22 · 3130 阅读 · 0 评论 -
如何用css实现一条直线渐变效果
#grad1 { background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59),#FFF); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(251, 251, 251, 0.原创 2017-08-24 09:57:23 · 2949 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
转载自: 张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 地址:http://www.zhangxinxu.com/wordpress/?p=2357一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子:<input /> <input type="submit" />间距就来了~~ 表单控件之间转载 2017-08-22 16:38:28 · 252 阅读 · 0 评论 -
css3 实现Loading加载动画
css3 实现加载动画.loading_animation { border: 2px solid #e10b0b; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; -webkit-animation: 0.6s loading...原创 2018-08-27 18:01:38 · 3925 阅读 · 0 评论