mix-blend-mode
发表于|更新于
|浏览量:
为爱情赌气，就丧心病狂了！——塞万提斯
分享一个好玩的css属性：
mix-blend-mode，MDN
该属性可以将元素和后面的背景进行混合
什么叫混合呢？例如我看到的一个网站：
红框框出来的部分，是鼠标移动上去的一个效果
这个小圈，与后面的图片进行了反色，而且对于不少图片都有类似效果，我一开始以为是用了两张图片做的处理
后来发现并不是，是用的这个css
1 | mix-blend-mode: exclusion; |
其提供的不只是反色一个选项，还有很多的值，都可以使用
相关推荐
2020-08-25
简单CSS实现图片旋转
图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...
2023-08-27
css-animations
一切鬼魂们的叫唤无不低微，然有秩序，与火焰的怒吼，油的沸腾，铜叉的震颤和鸣，造成醉心的大乐，布告三界：地下太平。──鲁迅《失掉的好地狱》 分享一个网站 https://css-animations.io/ 可以让我们学习css动画
2024-12-10
Crawlee
芸芸众生，孰不爱生?爱生之极，进而爱群。 —— 秋瑾 Crawlee——一个用于 Node.js 的网络抓取和浏览器自动化库，用于构建可靠的爬虫。在 JavaScript 和 TypeScript 中。提取 AI、 LLMs 、RAG 或 GPT 的数据。从网站下载 HTML、PDF、JPG、PNG 和其他文件。适用于 Puppeteer、Playwright、Cheerio、JSDOM 和原始 HTTP。有头模式和无头模式。通过代理轮换。 Crawlee 涵盖了端到端的爬行和抓取，并帮助您构建可靠的抓取工具。快速地。 即使使用默认配置，您的爬虫也会像人类一样出现并在现代机器人保护的雷达下飞行。 Crawlee 为您提供了在网络上抓取链接、抓取数据并将其存储到磁盘或云的工具，同时保持可配置以满足您的项目需求。 Crawlee 可作为crawlee NPM 包使用。 👉在Crawlee 项目网站上查看完整文档、指南和示例👈 Crawlee for Python 对早期采用者开放。 🐍 👉 查看源代码 👈 . 使用 Crawlee CLI 尝试 Crawlee ...
2022-12-15
低仿lusaxweb鼠标
幸福的婚姻生活，往往会被卑鄙的勾当、阴险的猜忌所破坏。——莎士比亚 这是 http://lusaxweb.net/ 它的鼠标很有意思，是一个圈，能够反色，我们低仿一个 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html><head> <style> * { margin: 0; padding: 0; cursor: none; } .img { height: 80vh; width: 80vw; overflow: hidden; } .img:ho...
2025-10-21
immich
运筹帷幄之中，决胜千里之外。——司马迁《史记》 https://github.com/immich-app/immich Immich：高性能开源自托管照片&视频管理系统——你的私人 Google Photos 替代品在数字时代，照片和视频见证着我们的生活点滴。但随着数据量激增、隐私意识提升，越来越多的人开始厌倦“云厂商锁定”，渴望拥有一个属于自己的、高效、安全的照片与视频管理平台。Immich，正是当前全球最火爆的自托管多媒体管理新秀，它不仅是“Google Photos 的开源替代”，更是极客与家庭用户的首选新宠。 一、项目简介 项目地址：immich-app/immich 官网：https://immich.app 一句话描述：High performance self-hosted photo and video management solution. 主语言：TypeScript（前后端均现代技术栈） Star：81,736+ Forks：4,296+ License：AGPL-3.0 标签：self-hosted photo-gallery ...
2020-06-26
id长度太长的坑
今天写代码发现返回给前端的id，前端拿到后最后两位归零了。。。 11275821421230030848 本来是这么一串id，到了前端那边变成了 11275821421230030800 最后，只好用toString，然后把对象转换成map，返回给前端…