CSS
CrazBarry
这个作者很懒,什么都没留下…
展开
-
线性优惠券样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .coupon_wrap { .原创 2020-08-31 16:32:31 · 275 阅读 · 0 评论 -
Iconfont 多色图标使用svg颜色无法修改问题
原因是因为iconfont.js里面的fill 被写死了,所以修改不了。1.把icon文件下载下来,打开iconfont.js,使用编译器正则替换掉所有包含fill="xxx",以notePad++为例 ctrl+f选择替换,查找目标填写fill="#......",替换为空页面内使用<svgclass="icon_svg"aria-hidden="true"><usexlink:href="#icon-gou"/>...转载 2020-08-26 16:02:20 · 2034 阅读 · 0 评论 -
CSS滤镜效果属性filter
img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}http://www.runoob.com/c转载 2017-07-01 14:54:06 · 514 阅读 · 0 评论 -
页面内滚动条样式修改
有时候页面内需要内容框超出部分显示滚动条,但是嫌滚动条的默认样式太丑,我们可以通过修改CSS样式来美化达到像苹果手机一样的滚动条;下面就来介绍一下首先html页面如下, 123213 123213 123213 123213 123213基本的显示y轴滚动条ul{height:100px;overflow-y:auto;}滚动条样式修改u原创 2017-08-18 11:18:49 · 1259 阅读 · 0 评论 -
sticky footer布局
在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。这种效果不仅是无处不在,很受欢迎,而且实现起来看上去也非常容易。但实际上实现起来要比预期花的时间更多。此外,在CSS2.1中的解决方案中几乎都要给页脚设置一个固定高度。这是很脆弱的,很少是可行的。实转载 2017-07-26 23:24:38 · 310 阅读 · 0 评论 -
CSS实现三角箭头
.arrow:before{ width: 0; height: 0; line-height: 0; font-size: 0; position: absolute; left: 50%; top: -10px; margin-left: -2px; border-width: 5px; border-style:转载 2017-08-15 17:48:20 · 790 阅读 · 0 评论 -
css选择器,匹配以某个字符开头或结尾
1.div[class$="-btn"]:active{ opacity:.8}<div class="user-btn"></div>可匹配到div,class为“-btn”结尾的元素2.div:[id^="item-"]{ color:red}<div id="item-op"></div>可...原创 2019-06-21 10:31:32 · 13985 阅读 · 1 评论