![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
hy3528
这个作者很懒,什么都没留下…
展开
-
滚动条特殊样式
::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f5f5f5;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: white;}/*定义滑块 内阴影+圆角*/原创 2022-03-01 14:37:24 · 113 阅读 · 0 评论 -
骨架屏demo
css版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/npm/vant@2.2/lib/index.css"> <meta name="viewport" content="width=device-原创 2020-12-24 17:45:58 · 140 阅读 · 1 评论 -
大转盘抽奖
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> .box {原创 2020-10-08 12:00:12 · 102 阅读 · 0 评论 -
element button颜色
.el-button--primary.is-active,.el-button--primary:active {background: #007E7E;border-color: #007E7E;color: #fff;}.el-button--primary:focus,.el-button--primary:hover {background: #007E7E;border-color: #007E7E;color: #fff;}.el-button--primary {原创 2020-08-03 11:31:56 · 2695 阅读 · 0 评论 -
Css实现内容溢出添加横向滚动条
效果图在这里每一个div标签包裹着一张图片和一行文字以下代码直接copy看效果 <div class="banner"> <div class="one"> <img src="http://sucai.suoluomei.cn/sucai_zs/images/20190729/e082397f7c597ee10599b6723ebaf139.jpg" alt="图片"> <p原创 2020-05-25 11:36:51 · 1175 阅读 · 0 评论 -
html常用css效果
文字超出隐藏overflow: hidden; text-overflow: ellipsis; white-space: nowrap;原创 2020-05-12 10:28:43 · 322 阅读 · 0 评论 -
css图片只显示居中部分
<div style="width:300px; height:300px;"> <img src="dog.jpg" alt=""/></div> div{ position: relative; left:100px; top:100px; ...原创 2020-03-27 16:33:02 · 720 阅读 · 0 评论 -
H5页面利用css3动画以及定时器制作动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabl...原创 2020-03-06 15:37:50 · 768 阅读 · 0 评论 -
picker组件时滑动报错
html { touch-action: none; }原创 2019-12-21 14:03:23 · 236 阅读 · 0 评论 -
html自适应代码
//宽度>=500px的设备会将.name p的css改为 font-size: 2rem; font-weight: bold; @media screen and (min-width:500px) { .name p { font-size: 2rem; font-weight...原创 2019-12-10 10:48:57 · 1170 阅读 · 0 评论 -
h5(小程序)筛选弹框缓慢弹出效果
.fadein { animation: fadein .5s;}@keyframes fadein { 0% { transform: translate(100%, 0); } 100% { transform: none; }}效果图(点击筛选后此弹框会从右边缓慢弹出)...原创 2019-12-07 15:51:47 · 951 阅读 · 0 评论