CSS
文章平均质量分 66
Winson℡
The important thing in life is to have a great aim,and
determination to attain it.
展开
-
CSS3 animation (动画) 属性
animation-fill-mode 动画结束状态, 默认 backwards 回到起始 forwards 保持。animation-play-state 鼠标放上运行或暂停,默认 running不暂停 pause 鼠标放上暂停。animation 所有动画属性的简写属性,除了animation-play-state属性。linear 匀速。原创 2024-04-28 19:44:56 · 847 阅读 · 0 评论 -
CSS3 animation (动画) 属性、解析总结
animation 所有动画属性的简写属性,除了animation-play-state属性。运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态;默认, 以低速开始,然后加快,在结束前变慢。动画以低速开始和结束 ,先加速后减速。动画结束状态, 默认。动画以低速结束,减速。完成一共用的时间,默认是0s (必须的):hover 经过等其他配合使用。infinite 无限循环。原创 2022-11-04 10:51:24 · 1387 阅读 · 0 评论 -
vue3 提取图片颜色-前端方案
目前提取图片颜色比较常用的主题色提取算法有:最小差值法、中位切分法、八叉树算法、聚类、色彩建模法等,在这里我选择了中位切分法进行实现。转载 2022-06-09 17:25:09 · 2793 阅读 · 0 评论 -
vue插件化之.extend基础应用
1.extend是什么?首先看文档就能知道它是一个基于Vue构造函数的‘子类’,Vue是一个构造函数,而extend创造出来的也是一个构造函数,只不过.extend是Vue的子构造函数,也就是说.extend继承Vue上的东西,其次.extend是Vue2中的东西,Vue3移除掉了。那它具体是什么?应用于哪些方面呢?请看案例:实现的是一个MessageBox组件==》归属于MyUI组件库。//构造器:var Contructor = Vue.extend({ name: '', component原创 2022-04-04 21:01:10 · 1288 阅读 · 0 评论 -
CSS样式揭秘
修改组件样式:1.去背景:background:none;2.去边框下划线:box-shadow: none;3.去鼠标事件:cursor: default;3.背景图片居中:background-position: center;4.背景图片随边框变化:background-size: contain;5.设置不重复背景图像(及如何重复):background-repeat: no-.........原创 2021-07-16 15:56:52 · 303 阅读 · 1 评论 -
elementui 更改 el-table 表头样式及修改el-table表格边框的注意事项
<el-table :header-cell-style="{background:'#eee',color:'#606266'}">...</el-table>header-cell-style是表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。转载 2021-07-08 14:41:04 · 24161 阅读 · 0 评论 -
在HTML中识别 字符串 里的 “\ n” 并成功换行显示
在结果所在的 div 的 css 设置:(注:只在当前string字符串内有效)white-space: pre-line;如:但是此方案没法像下边这样换行:要实现如下图所示效果:在结果所在的 div 的 css 设置display属性中带有换行效果的属性值:...原创 2021-07-02 10:25:05 · 2036 阅读 · 0 评论 -
CSS字体发光效果
HTML <figure> <h1>vue.js</h1> <h1>vue.js</h1> <h1>vue.js</h1> <h1>vue.js</h1> <h1>vue.js</h1> <h1>vue.js</h1> <h1>vue.js</h1&g原创 2020-09-05 16:44:53 · 753 阅读 · 0 评论 -
CSS文本超出隐藏显示省略号
css文本超出隐藏显示省略号p style=“width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;”>如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden...原创 2019-12-19 12:03:43 · 315 阅读 · 0 评论 -
CSS给div设置滚动条
div 加滚动条的两种方法:一、记住宽和高一定要设置噢,否则不成的不过在不超出时,会有下面的滚动条,所以不是最好的选择二、记住宽和高一定要设置噢,否则不成的这样比较好的是,在宽和高不超出时,只是一条线三、说明直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:如果要出现水平滚动条,则: overflow-x:auto同理,垂直滚动条为: ov...原创 2020-01-14 17:01:25 · 2532 阅读 · 0 评论