Core Animation和Core Graphics的内容东西比较感兴趣，自己之前也在这块相对薄弱，趁此机会也想补习一下这块的内容，所以之后几篇可能都会是对CA和CG学习的记录的文章。tintColor，来满足个性化界面的需求，但是Apple在这方面还远远做的不够。一是现在用默认控件根本难以做出界面优秀的应用，二是tintColor所覆盖的并不够全面，在很多情况下开发者都无法使用其来完成个性化
<i class="el-icon-success" v-if="!scope.row.cat_deleted" style="color:lightgreen;"></i><i class="el-icohange() { ...
原创
2023-05-26 06:34:42
141阅读
说到对图片进行处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。强大的 CSS:filterCSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDNCSS标准里包含了一些已实现预定义效
转载
2023-08-18 14:00:34
281阅读
在这个博文中，我想和大家聊聊如何用 jQuery 实现“点击改变颜色”的功能，以及我们在这个过程中所经历的一些思考和挑战。从技术痛点到架构设计，一直到我们解决性能问题的经验。这篇文章将会逐步带你穿越这个过程。
在具体介绍之前，让我们先了解一下我们的初始技术痛点。随着用户需求日益增长，我们在进行前端交互时，尤其是在 CSS 样式的动态调整上，遇到了许多挑战。
```quote
用户原始需求：“我
CSS颜色通常有三种表示的方法第一种直接写颜色所对应的英文，比如：red是红色， blue是蓝色 第二种是十六进制表示法，比如：#ff0000是红色 第三种是R(红),G(绿),B(蓝),A(透明度)表示，比如：color: rgba(200,0,0,0)十六进制 0-9， a-frgba前三个的取值范围 0-255， a的取值为0-1之间的小数，0代表完全透明，1代表完全不透明CSS常用的文本样
转载
2024-01-15 08:57:58
138阅读
之前在写项目的时候遇到需要使用icon标签的情况，我输入代码<icon type="search" style="color:#fff;"></icon>发现颜色没有变成白色于是查了一下资料发现需要这样写<icon type="search" color="#fff"></icon>参考
原创
2022-01-29 11:05:42
385阅读
做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图：看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望：兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围才显示省略号，否则不显示省略号省略号位置显示刚好基于上述的准则，下面我就讲介绍各种技巧实现截断效果，并根
转载
2022-11-28 14:42:52
950阅读
css中的filter属性，可以帮助我们给图片调色，为图片添加滤镜。是一个非常强大的属性，我们可以借由该属性实现很多我们预想的特殊效果。filter的属性值，是一系列的函数返回值，你需要为这些函数设定参数，如果参数无效，函数将会返回none。filter所支持的调整参数：blur() : 高斯模糊brightness() : 亮度cantrast() : 对比度drop-shadow() : 阴影
转载
2024-04-28 09:52:56
926阅读
之前在写项目的时候遇到需要使用icon标签的情况，我输入代码<icon type="search" style="color:#fff;"></icon>发现颜色没有变成白色于是查了一下资料发现需要这样写<icon type="search" color="#fff"></icon>参考
原创
2021-09-16 16:06:31
684阅读
hr本身具有border：1px，要该改变它的颜色，要先把它的border变为none，然后设置1px的高度，再设
原创
2023-02-14 08:56:45
622阅读
一、背景1.如何设置标签的背景颜色（1）在CSS中有一个background-color：属性值；，就是专门用来设置标签的背景颜色。（2）取值：具体单词、RGB、RGBA、十六进制例子：<style>
.p1{
background-color: red;
}
.p2{
backg
转载
2024-07-04 20:54:59
278阅读
最近由于一直在忙于两个项目的开发，所以也好久没有在上面发点什么，今天两个案子也快接近尾声了，趁着写设计文档的时间，将其中的一些部分整理出来跟大家一起学习共勉吧。
转载
2023-12-16 22:25:23
24阅读
Css作用：美化页面各种css属性 接触的 css属性width：height：background：Color选择符和声明声明包括 属性：属性值选择符：{属性：属性值}1：文本属性：font-size：；A，为了消除系统式设备之间的字体显示差异 规定16px为标准字体大小B，文本大小的设置在pc端尽量设置成偶数C，文本大小的设置在pc端最小尽量别低于12pxD，怎么在设计图上面获取文本大小汉子，
转载
2024-03-03 13:35:53
101阅读
SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！为什么使用SVG？文件非常小能够无损失的缩放尺寸在Retina显示屏上效果超棒能够控制图片样式设计，例如互动和过滤filter浏览器支持IE8及其更低版本不支持Android 2.3及其更低版本不支持其它浏览器都支持如果你需要支持这些版本的
转载
2024-08-31 23:19:38
59阅读
在平常的网页中，
icon 的换色基本上都是通过更改 svg 的样式属性 color 来实现的，例如：这是一个从设计稿上直接导出的 svg 图标：<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="eveno
vue项目使用阿里图标库图标首先祭出大招，放上阿里巴巴的图标库首页https://www.iconfont.cn/下图是显示的效果，使用的是图标库的svg格式的图片文件图标库给出了三种引用方式，我介绍的是第三种，通过引用js文件使用图标首先我们去图标库选一个心仪的图标然后添加到购物车，接着我们点击右下角的购物车，可以看到我们选择的图标，接着点击下载代码(下载操作是需要登录的，这时候我们进行登录操作
1. 只需要引入 jquery-ui 的主css文件: jquery-ui.css 文件?? 不需要 引入 jquery-ui-structure/theme.css文件???,,,,,2. 一定要把 jquery-ui要用的 图标文件所在的文件夹 : images 放到跟jquery-ui.css 相平级的 目录 位置 处..3. jquery-ui 中的图标, 使用的就是前端页面的 许多图标放
转载
2023-07-28 20:51:54
161阅读
在项目里很多时候需要用icon , 如果不想用图片 , 可以用一下这个图标库 https://github.com/saeedalipoor/icono 使用很简单 <link rel="stylesheet" href="icono.min.css"> 引入后直接加class就ok了 例如我项目中
原创
2021-06-17 19:19:57
1813阅读
一、必要的CSS属性 1.伪类 ::before & ::after 我们知道可以给 HTML标签添加伪元素，其中::befare、::after能够应用几乎所有的 CSS 属性，也就是说可以通过添加伪元素让一个HTML标签实现3个标签的样式效果，这样可以减少在复杂的 CSS icon 中的标签数量，让HTML结构更简洁。 div .pseudo{ position:relative; width:150px; height:70px; margin:30px; background:#999; line-height:50p...
转载
2012-07-26 20:59:00
198阅读
2评论
Navicon Transformicons: Animated Navigation Icons with CSS Transformshttp://sarasoueidan.com/blog/navicon-transformicons/CSS3 box-shadowhttp://www.w3cplus.com/content/css3-box-shadow
转载
2013-11-11 11:41:00
159阅读
2评论
