绘制六边形方法 1. 使用border实现六边形 实现思路 使用border实现六边形，主要在于上下两个三角形叠加中间一个矩形，可利用元素的两个伪元素实现上下两个三角形，从而让这个元素看起来像一个六边

css遮罩是一种很常见的设计，因为浏览器的兼容性问题，网页上却很少使用css直接书写，一般都是切图实现。 但随着浏览器的发展，目前大部分浏览器已经得到了支持，所以我们可以了解一下如何使用css去实现异

在常见的场景中，一张图片只能方形或者圆形展示，如果想要以不规则的通常都是通知 UI 小姐姐让她帮忙处理一下图片，然后直接用就好了； 但是小姐姐只会影响我敲代码的速度，等她处理图片我的代码都写好了。

这个案例代表了超高的css水平，这样的一个文字交融效果，你能否一眼看穿他的原理呢？ 我是渡一子辰老师，接下来让我来带你分析文字交融效果的实现原理

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

在我们项目开发中,经常会有布局`上下左右`拉伸的需求 接下来 让我们一步步用 `vue指令` 实现这个需求 `v-resize` 目前已支持Typescript

在我们平常的大屏可视化需求很有可能会使用3d图表，一般可能直接就调echarts库，有点复杂性的threejs也能满足需求。那么我们今天用webgl写个饼图或环状图来练练手。

基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释

前言玩转ECharts系列，主要为大家讲解我们基于ECharts如何实现企业级大屏项目中较为常用的各种奇奇怪怪的图表，接下来我们将通过几篇文章从基础图表开始为大家详细讲解实现这些图表样式的一些“小心机