web开发中，三角形的日常应用，以三角形指示箭头最为常见，其用CSS来实现非常简单，熟悉了之后相比于引入SVG或是背景图片会是更好更灵活的选择。 而三角箭头一般而言，又分为两种，一种是视觉上没有边框的，我们叫做实心三角形；还有一种是视觉上有边框的，而三角箭头刨去边框的部分又要与…

开发前端也有几年了，一直很忙，课下看书，或者做一些笔记，看看别人的见解，也会做一些笔记记录，有时间就来刷刷掘金，逛逛技术网站，尴尬的事情是自己没有认真的总结过一些笔记和知识点，发出来大家共同学习，最近也才开始做一些markdown，后续我会抽时间继续做这件事，有什么不对的知识点，…

首先务必要弄清这一点，本文这里所说的 HTML5 Web Audio API 和 HTML5 <audio> 元素完全不是一个东西，其体量也完全不是一个等级的，HTML5 Web Audio API 接口的丰富程度和体量可以和 HTML canvas API 相提并论，其能实现的功能也非常令人瞠目。 HTML5 Web Audio API 可以让我们无中生有创造声音，而且是各种音调的声音，换句话说，我们通过 JavaScript 就会创建一个完整的音乐出来，类似卡农将有固定的音乐，或是通过一些随机算法创建随机的音乐都都可以由前端开发工程师来完成，如果再配合一点人工智能的东西，我们说不定可以造出一个人工智能音乐生成工具。

CSS 揭秘之多重边框 & 连续的图像边框 & 蚂蚁行军效果边框

请各位读者添加一下作者的微信公众号，以后有新的文章，将在微信公众号直接推送给各位，非常感谢。 0.前言 注意：若文章中发现图片无法加载，请移步作者其他博客。 简书 CSDN 最近在用手机的过程中，发现苹果在非常多的地方都使用了模糊的效果。 高斯效果虽然炫酷，可是咱们身为前端人员…

使用 JavaScript 来实现一个微交互图片视差动画效果

es6 class, canvas

本文接前文：不可思议的混合模式 mix-blend-mode 。由于 mix-blend-mode 这个属性的强大，很多应用场景和动效的制作不断完善和被发掘出来，遂另起一文继续介绍一些使用 mix-blend-mode 制作的酷炫动画。 CSS3 新增了一个很有意思的属性 --…

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…