CSS
关注
分享
扫一扫
css学习实践精选
2025专业AI写手!
世上无难事，只要肯攀登 ---教员
“AI赋能探索者”
展开
-
tailwindcss使用插件自定义隐藏滚动条类
在tailwindcss.config.js中。原创 2024-01-25 14:01:14 · 1157 阅读 · 0 评论 -
解决flex布局下无法滚动的问题
flex布局的flex-shrink使用详解原创 2022-08-12 10:49:42 · 4655 阅读 · 1 评论 -
【vue系列】在Vue项目中使用Sass-----（scss）安装详解，新手跟着做即可
提示：不用安装其他环境--网上其他地方说什么安装rubby？环境，在这不用---Vue项目上安装scss--1.使用vue-cli模板创建新项目：vue init webpack myvue2.安装sass 依赖包 ，在cmd界面输入：npminstall sass-loader --save-devnpm install node-sass --sava-dev...原创 2019-05-31 17:14:24 · 3654 阅读 · 3 评论 -
【CSS动画】顶部仿youtube，csdn-实现顶部进度条demo
引用了线上的jquery文件, 复制新建html文件可实现demo.<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js">&l...原创 2020-04-29 11:13:12 · 324 阅读 · 0 评论 -
DIV设置蒙层，div内部元素不可点击实现方法
使用了filter 实现了模糊效果 如下图所示但是里面的元素还是处于可点击的状态解决方式添加css在外层的div上 动态绑定，蒙层消失则取消css pointer-events: none;原创 2021-03-31 15:26:24 · 1807 阅读 · 0 评论 -
移入DIV才出现滚动条
.buyer_group { overflow: hidden; } .buyer_group:hover{ overflow-x: scroll; }原创 2020-12-18 19:59:31 · 534 阅读 · 1 评论 -
【CSS系列】background-clip 定义用法
background-clip 属性规定背景的绘制区域。background-clip 有三个属性border-box 背景被裁剪到边框盒。padding-box 背景被裁剪到内边距框。content-box 背景被裁剪到内容框。原创 2021-06-04 17:28:05 · 287 阅读 · 0 评论 -
【css】让div蒙版内的元素不可点击 pointer-events
pointer-events: none;关于该属性的更多可自行查看以下文章传送门原创 2021-06-03 14:12:45 · 849 阅读 · 0 评论 -
【CSS系列】修改placeholder的样式
两种方式使用placeholder-style修改（类似行内样式）使用 placeholder-class修改（跟平时修改样式一样，在css中直接用 .+类名的方式即可）原创 2019-12-13 22:00:45 · 467 阅读 · 0 评论 -
【CSS系列】鼠标移入 div图片无缝放大动画
效果图.img { transition: transform 500ms ease 0s;}.img:hover{ transform: scale(1.08);}原创 2020-08-19 09:48:55 · 470 阅读 · 0 评论 -
【CSS系列】仿百度等 设置整块灰色图片文字等 悼念情景
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }原创 2020-06-09 20:51:28 · 447 阅读 · 1 评论 -
给div,view添加点击按钮样式
效果如图测试的时候可以单独建立个div测试<div class="key-cell">点击</div>下面是样式.key-cell{ border-radius: 5px; } .key-cell:active{ color: white; //点击颜色变为白色 ...原创 2019-11-11 09:17:31 · 1198 阅读 · 1 评论 -
前端html实现删除线的两种方法（下划线）css样式总结
首先我们先来看一下text-decorationtext-decoration 通常我们用于给链接修改装饰效果（注意： 这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。 值 描述 none 默认。定义标准的文本。 underline...原创 2019-06-01 11:31:36 · 31029 阅读 · 1 评论