css
3篇文章 · 0订阅
  • 不可思议的纯 CSS 实现鼠标跟随效果
    直接进入正题，鼠标跟随，顾名思义，就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样： 通常而言，CSS 负责表现，JavaScript 负责行为。而鼠标跟随这种效果属于行为，要实现通常都需要借助 JS。 当然，本文的重点，就是介绍如何在不借助 JS 的情况下使用 CS…
    CSS 动效 前端
    不可思议的纯 CSS 实现鼠标跟随效果
  • chrome浏览器支持PictureInPicture即画中画接口
    画中画接口允许网站创建一块可浮动、可缩放、可拖拽的视频播放区域，该区域永远至于窗口顶层，用户可以在操作其他任务时继续观看视频，大大提升桌面空间利用率与用户时间效率。 The Picture-in-Picture API allows websites to create a f…
    JavaScript Chrome
    chrome浏览器支持PictureInPicture即画中画接口
  • [翻译] 用 CSS 背景混合模式制作高级效果
    如果「一图胜千言」，那多图混合创造的效果要超过千言万语。同理，CSS 的混合模式为设计带来的可能性远远超出了你的想象。 你所听到的 CSS 混合模式，就是三个被现代浏览器所广泛支持的 CSS 属性。这三个属性包含了： 不过，本文主要聚焦在 background-blend-mo…
    CSS 前端 Safari