# CSS 绘制图形

# 常见的 CSS 图形绘制合集

文章地址 (opens new window)

介绍了 43 种常见图形的绘制,其中包括:

正方形、长方形、正圆、椭圆、向上三角、向下三角、向左三角、向右三角、左上三角、右上三角、左下三角、右下三角、弧形尾箭头、梯形、等边四边形、六角星、五角星、五边形、六边形、八边形、爱心、无限、菱形方块、菱形盾构、方块菱形-窄、钻石、鸡蛋、吃豆人、带尖角的说话泡泡、十二星、八角形、阴阳八卦、徽章缎带、bilibili 电视机、V 形线条、放大镜、月儿弯弯、旗帜、圆锥体、十字架、棒球踏板形状、长长的指向图形、锁

# CSS3 绘制 QQ

文章地址 (opens new window)

# CSS 创意与视觉表现

# CSS 实现的炫酷动画效果合集

# CSS 计数器

文章地址 (opens new window)

# CSS 技巧学习

关于 CSS 的使用技巧可以去张鑫旭的博客 (opens new window)看看,他对 CSS 有比较深的研究,通过他的博客能接触并学到不少东西。

# 那些暖人心却鲜为人知的 CSS 属性

文章地址 (opens new window),其中包含以下属性:

# 你未必知道的 49 个 CSS 知识点

文章地址 (opens new window)

# 如何用一行 CSS 实现 10 种现代布局

文章地址 (opens new window)

# 纯 CSS 的导航栏切换方案

文章地址 (opens new window)

# 炫酷的第三方库

# CSS ICON

CSS ICON (opens new window) 是一个纯用 CSS 实现的图标网站,上面的图标都可以直接拿来使用。

# Zdog

Zdog (opens new window) 是一个用于 3D 设计和动画制作的 JavaScript 库。相关介绍可以参考这里 (opens new window)

# underlineJS

underlineJS (opens new window) 是一个旨在完成一项简单工作的 JavaScript 库:绘制和设置最完美、最有趣的文本下划线动画。

# ResponsifyJS

ResponsifyJS (opens new window) 是一个 jQuery 插件,它能够帮助我们实现响应式图像,不会丢失掉图像的核心部分。

# Type Detail

Type Detail (opens new window) 是一个每一天都会发布一篇关于字体样式的设计细节的网站。它有利于促进设计师们搞懂每一个字体设计背后的故事,当我们需要使用某一个字体样式的时候可以更加的游刃有余,让字体样式也充满灵性。

# Hint.css

Hint.css (opens new window) 是一个纯用 CSS 实现的提示库,可以用来快速实现一些提示效果。

# Animate.css

Animate.css (opens new window) 是一个 css 动画库,动画内容一般也是我们所熟悉的,例如渐入、渐出、弹跳、旋转、抖动等特效。ppt 里面的许多特效在 animate 都能找到。而且使用简单,只需引入库并添加相关 css 即可。

# CSS-Inspiration

CSS-Inspiration (opens new window) 涵盖了 css 的许多常见的特效,例如布局方式、border、伪元素、滤镜、背景 3d 等。

上次更新时间: 2021年11月29日 18:29:38