跳到主要内容

3 篇博文 含有标签「CSS」

查看所有标签

· 阅读需 3 分钟
熊滔
信息

该笔记是来源于公众号文章还在用定时器吗？借助 CSS 来监听事件。

hover延时触发​

一般方法​

鼠标进入时开始定时器

var timer = null
el.addEventListener('mouseover', () => {
  timer && clearTimeout(timer)
  timer = setTimeout(() => {
    // 具体逻辑
  }, 1000)
})

鼠标离开时取消定时器

el.addEventListener('mouseout', () => {
  timer && clearTimeout(timer)
})

· 阅读需 8 分钟
熊滔

在 CSS 中渐变色作为背景可以制作出非常绚丽，迷人的效果，往往我们将焦点聚集在渐变上面，而忽略了它作为背景图片的作用，在这里我将介绍两个渐变色作为背景色以及背景图片的妙用，可以实现一些难以实现的效果。