0%

前言

CSS渐变色实际上是一种特殊<iamge>类型,因此可以被用在任何可以使用<image>类型数据的属性中!而在CSS中,渐变有分为以下几种:

  • 线性渐变:对应linear-gradient()函数。
  • 径向渐变:对应radial-gradient()函数。
  • 圆锥渐变:对应conic-gradient()函数。
  • 重复渐变:对应repeating-linear-gradient()repeating-radial-gradient()函数。

渐变色的特点就是沿着某一方向,从一种颜色逐渐变化到另一种颜色(两种或两种以上颜色);关键就在于渐变颜色个数、对应的位置,空间上是如何变化的。

阅读全文 »

前言

总体上来说,animation的效果比transition的效果更加丰富和可控;有一些动画属性实际上是和渐变里面的效果是一致的;

阅读全文 »

前言

从效果上来看,过渡效果有点像css动画的简化版,即默认两个关键帧(初始和结束),有点像指定了@keyframes里面的fromto,其它的过渡属性跟动画属性的效果大都一致。这种效果实际上就是两个关键帧之间的补间动画

阅读全文 »

事件对象

当为DOM元素添加一些事件的回调函数后,事件被触发时,会传给回调函数一个Event对象作为第一个参数;而这个Event对象包含关于触发的事件的一些信息及处理方法。

阅读全文 »

前言

最近一直在制作一个音乐web app的练习项目,播放器的功能当然是音乐类app的基础;除此之外,个人对于音乐可视化也比较感兴趣,一旦遇上音乐就想着可视化;然而这些功能都离不开HTML5推出的audio元素以及强大的WebAudio API

阅读全文 »