CSS
关注
分享
扫一扫
JustStand
300字以内
展开
-
写一个类3d卡片翻转效果
卡片翻转效果原创 2023-02-22 14:42:57 · 192 阅读 · 0 评论 -
写一个简单的仿3d图片轮播
旨在提供一种思路，我这里给了四个item，宽度也是在css写死的。要作为组件使用的话，各个item的宽度都是需要使用js计算的，好了，废话不多说直接上代码，上面都有注释<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <me原创 2022-04-21 23:43:58 · 437 阅读 · 0 评论 -
elementUI 表格滚动条样式修改（获取类名）
elementUI 中 el-table 滚动条的class是.el-table__body-wrapper::-webkit-scrollbar其中可以细致到左中右三段滚动条，那么在上面再加上这个类左：is-scrolling-left 中：is-scrolling-middle 右： is-scrolling-right这个需要写到style标签中，不能加作用域才能生效，然后为了不影响其他组件，在前面加个我当前组件父级的类my-class也不要加预编译，我加上lang=scss 后出现了其他页面原创 2021-09-09 15:35:26 · 1810 阅读 · 0 评论 -
CSS元素Q弹动画效果
.my-div:hover { animation: elasticity 1s linear; } /* Q弹动画关键帧 */ @keyframes elasticity { 0% { transform: matrix3d(0.92, 0, 0, 0, 0, 0.92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4% { transform: matrix3d(0.938, 0, 0, 0, 0, 0.9..原创 2021-06-18 11:14:07 · 579 阅读 · 0 评论 -
类似液体loading效果
直接上代码，有注释index.html<!doctype html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0原创 2020-05-21 11:58:14 · 217 阅读 · 0 评论 -
grid布局
直接上代码index.html:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./index.css"> <ti翻译 2020-05-21 09:56:30 · 167 阅读 · 0 评论