CSS
swx980
这个作者很懒,什么都没留下…
展开
-
css图片置灰
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;原创 2021-03-29 13:42:41 · 238 阅读 · 0 评论 -
css3新特性-webkit-font-smoothing
一(1)-webkit-font-smoothing:可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。属性含义none对低像素的文本比较好subpixel-antialiased默认值antialiased抗锯齿很好(2)-moz-osx-font-smoothing: inherit | grayscaleGecko内核的浏览器火狐吧,认识到字体图标逐渐发展的一个热潮,也针对ios系统制定了一个渲染规则,设置grayscale对于图标字体表现更清晰原创 2020-12-31 13:51:30 · 546 阅读 · 0 评论 -
css变色效果
使用文字举例子<template><div><p>变色</p></div></template><style>p { animation: change 0.5s linear 0s infinite;}@keyframes change { 0% { color: red; } 15% { color: orange; } 30% { color: ye原创 2020-11-20 11:05:13 · 299 阅读 · 0 评论 -
输入框 input 或按钮 button 聚焦时不显示边框的方法
input:focus{ outline: none;}原创 2020-11-19 10:05:08 · 1153 阅读 · 0 评论 -
CSS划过文本的线,text-decoration属性
一:text-decoretion:overline定义文本上的一条线。二:text-decoretion:line-through定义穿过文本下的一条线。三:text-decoretion:underline定义文本下的一条线。四:text-decoretion:blink定义闪烁的文本。五:text-decoretion:none默认。定义标准的文本。可以去掉a标签下的线,如图:六:text-decoretion:inherit规定应该从父元素继承 text-decora原创 2020-08-06 11:30:01 · 1182 阅读 · 0 评论 -
CSS文本溢出时以省略号的形式显示
单行溢出单行溢出,超出部分以省略号(…)的形式显示。前提必须有宽度。实例代码:HTML:CSS:效果图:样式说明:参数说明overflow:hidden文本溢出隐藏text-overflow: ellipsis以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本white-space:nowrap禁止文本自动换行。多行溢出多行溢出,超出部分以省略号(…)的形式显示。WebKit内核适用于移动端。实例代码:HTML:CSS:效果原创 2020-07-30 11:19:08 · 1098 阅读 · 1 评论