纯css来画图-border应用
基础知识： Css画图大部分是使用了css中的border来绘画图形，那首先我们就来看下border的基础知识，至于其他的遇到了再讲吧！ Border的基础知识: 一般我们这样简写： border: 1px solid black; 我们也可以分开写成下面的形式： 解释 ...
原文：用css画图标
css 的属性 transform 转换 用途很广泛，功能也很强大，为了熟悉它的各种转换方式 平移 translate，旋转 rotate，扭曲 skew，放缩 scale ，我做了一些平常常用的一些简单的图标。 这些图标很多是通过三角形来拼贴起来的，所以我们需要知道怎么样画三角形。 . 我们要将该 div 的 width 和 height 都设置为 ，三角形是通过设置 border 来实现 . ...
2016-10-21 17:21 2 3541 推荐指数：
相关推荐
各种纯css图标
CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比贴图性能更好，体验更加，是一种非常好的网页美观方式。 这32种图形分别为圆形，椭圆形，三角形，倒三角形，左三角形，右三角形，菱形，梯形，长方形，正方形，圆环，平行四边形，五角星，六角星 ...
Matplotlib 画图标注annotate详解
标注 原文：Annotation 译者：飞龙 协议：CC BY-NC-SA 4.0 基本标注 使用text()会将文本放置在轴域的任意位置。 文本的一个常见用例是标注绘图 ...
CSS字体图标
字体图标 图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要 ...
CSS图标定位
最近公司这样一个需求，如图：把一图标放在一张图片上，用background-position定位图标; background-image url("image/img")放一张背景图片 background-repeat:no-repeat 不平辅 ...
文件图标css样式
...
CSS绘制小图标
css实现小图标一般是由::before、::after、border、transform、position实现 1 最简单且熟悉的就是三角形了： 效果图： 2 小房子 效果图： bottom-top-width 左右边框时指边框的宽度 ...
CSS染色图标（图片）
之前一直以为用background引入的图标无法染色（非字体图标），现在才知道有黑科技可以用，就是利用drop-shadow。 代码示例 效果 注意问题 1.使用after作为第二层标签的这种方式，可能会出现最后效果有些杂色。 这是因为after背景继承了父标签 ...