符号列出来先~
⌘(command)、⌥(option)、⇧(shift)、⇪(caps lock)、⌃(control)、↩(return)、⌅(enter)
进入正题:




移动一个矩形一般是ab一起移动,但是如果你想a不动,b动?⌘+⇧+上/下
顺便安利一个超级棒的icon网站,也许是你从没有用过的icon 使用方式
不同于iconfonts,他的域名http://icofont.com/ 不要打错了哦,这里的icon在sketch展示是通过文字的形式而不是形状或svg形式展示,只要下载他们独有的文字到你的字体册里,然后复制你喜欢的icon,复制进sketch,在选择它自带的文字格式就大功告成了



当然了,如果你不习惯使用文字形式的icon,⌘+⇧+o 就可以把文字转形状,icon拆解开了。
那我上面提到的这个专业上说就是字体图标了,“‘字符图标’是非常美妙、神奇的”, Chris Coyier如是说。他制作关于“字符图标”的Demo页面就列出6大理由,为什么“字符图标”是如此美妙与神奇?
很容易任意地缩放;
很容易地改变颜色;
很容易地产生阴影;
可以拥有透明效果;
一般来说,有先进的浏览器支持;
可以使用CSS来装饰(可以得到CSS很好支持);
可以快速转化形态(做出一些变化,如 :hover等);
可以做出跟图片一样可以做的事情(改变透明度、旋转度,等);
本身体积更小,但携带的信息并没有削减。
到目前为止,我们听到的都是字符图标的好处和优点。难道字符图标就没有任何缺点吗?那么,接下来正是要说说缺点,或者说不好之处。我们提过我们是不愿意让屏幕阅读器去读出我们的字符图标了,那就提一下其它的。
它们只能被渲染成单色或者css3的渐变色;
你使用限制是很大的,除非你想花时间去创作你自己的字符图标;
创作字符图标是很耗时间的。
以下网站同样可以获得字体图标:
A Delicious stack about icon fonts
原文: https://www.w3cplus.com/css3/icon-fonts.html © w3cplus.com
关于字体图标的优缺点来自原文: https://www.w3cplus.com/css3/icon-fonts.html © w3cplus.com
网友评论