瑾兮

瑾兮

3 文章 15471 浏览

使用 Compass 生成雪碧图

  • 使用 Compass 生成雪碧图
  • 使用 Compass 生成雪碧图
  • 使用 Compass 生成雪碧图
  • 使用 Compass 生成雪碧图

CSS 雪碧图是将几个图片拼合成一张图片,以此来减少 HTTP 请求的方法,并且可以 提升网站加载性能。除了使用传统方法在 Photoshop 中手动拼合,还有一些简便的方法和便捷的工具来帮助我们完成这项工作。 但是,以我处理CSS雪碧图的经验来说,没有哪种方法比使用 Compass 的 Sprite 函数 更轻松容易的了。现在就让我们来看看他是如何工作的。 建议开始本章前先阅读:完美的样式语法:…

瑾兮 2021-07-30 19:48:37 浏览 895 评论 0 收藏 0

Sass 绘制多边形

  • Sass 绘制多边形
  • Sass 绘制多边形
  • Sass 绘制多边形
  • Sass 绘制多边形

CSS 画图形在 Web 运用中时常看到,比如三角形、五角星,心形,Ribbon等。不过以前使用CSS绘制图形一般都是借助于border来绘制,但这样的方式受到一定的限制,而且实用价值也有所限制。这篇文章将介绍使用CSS的clip-path来完成正多边形的绘制,并且借助CSS预处理器Sass给这两种方法定义对应的混合宏和函数,实现正多边形的开发。 border 和多个元素绘制多边形 使用 bord…

瑾兮 2021-07-26 23:05:09 浏览 649 评论 0 收藏 0

Three.js 边界线框 EdgesGeometry

网格模型 Mesh 材质的.wireframe属性设置为 true,网格模型会显示为线框模式,网格模型的每一个三角形会通过 Threejs 线模型 Line 绘制出来。有时候并不希望通过 .wireframe=true 显示网格三角形的每一个边线,比如一个立方体每个面有两个三角形的话,设置 .wireframe=true 的时候,中线会有一条直线,在这种情况下可以通过几何体 EdgesGeomet…

瑾兮 2021-07-20 13:20:21 浏览 818 评论 0 收藏 0

简介

这家伙很懒,什么都还没有填写!

3 文章
2 评论
15471 人气
更多

推荐作者

1638627670

文章 0 评论 0

jojo

文章 0 评论 1

qq_4prTag

文章 0 评论 0

18582485742

文章 0 评论 0

子英

文章 0 评论 0