进阶学习css的filter属性
发表于|更新于
|浏览量:
经常谈论别人的短处只会使一个人心胸狭窄，使一个人变得非常多疑，非常无聊。——泰戈尔
首先是这个教程
还有这个
这里还有一个在线演示的网址
你可以任意滑动值查看效果
相关推荐
2025-09-05
live
功名富贵若长在，汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里，fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库，更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具，并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问，真正做到了“公益服务，极致易用”。 项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标（logo）资源库，并配套一系列 IPTV/广播频道相关工具，帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护，所有内容均托管在 GitHub，并通过 CloudFlare 提供高速 CDN 和安全访问，无论在国内外都能“直连无障碍”。 功能特色一览 海量台标库：覆盖国内主流电视台（央视、卫视、地方台）...
2024-07-07
css的透视效果perspective
有两件事我最憎恶：没有信仰的博才多学和充满信仰的愚昧无知。——爱默生 我们知道css中我们的transform可以调整z轴，这说明css是有3d能力的 但是我们通常看一个3d的物体，是近的地方大，远的地方小甚至被遮挡，要实现这样的透视效果其实只需要一个css属性即可 https://developer.mozilla.org/zh-CN/docs/Web/CSS/perspective 就比如这个正方体： .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff } .front { background: rgba(90,90,90,.7); transform: translateZ(50px)...
2021-05-18
js中json与对象互转
人生要有意义只有发扬生命，快乐就是发扬生命的最好方法。——张闻天 如题 首先是json字符串转对象 1JSON.parse("{\"id\":\"ddd\"\}") 得到的结果就是对象啦 然后是对象转json字符串 1JSON.stringify({id:"ddd"}) 非常简单
2025-02-07
css循环淡入淡出播放（二）
让自己忙一点，忙到没有时间去思考无关紧要的事，很多事就这样悄悄地淡忘了。时间不一定能证明很多东西，但是一定能看透很多东西。坚信自己的选择，不动摇，使劲跑，明天会更好。——静好 之前在docusaurus实现了css的循环淡入淡出播放，发现效果有一点局限，遂还是用js结合css实现了，目前代码为： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import React, {useEffect, useState} from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";l...
2023-11-15
emberjs
合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。——老子 分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架，用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。 它的语法： 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件，语法和vue有些异曲同工之妙，是一个很值得学习的库 其emberjs约定大于配...
2025-07-31
NotionNext
世间的很多事物，追求时候的兴致总是要比享用的时候的兴致浓烈。——莎士比亚《威尼斯商人》 https://github.com/tangly1024/NotionNext NotionNext：让你的 Notion 笔记一键变身高颜值博客，创作力爆表！你是否曾梦想过，把平时在 Notion 里整理的笔记、知识库、项目规划，轻松变成一个公开的、高颜值的个人博客？不用折腾服务器、不用敲一行后端代码，只需几步就能让你的内容“闪耀网络”！NotionNext，就是这样一款为创作者量身定制的“神器”，让你的 Notion 内容即刻升级为一个全功能网站！ NotionNext 是什么？NotionNext 是一个基于 NextJS 和 Notion API 开发的静态博客系统。它专为 Notion 用户和内容创作者而生，让你可以把自己的 Notion 页面一键部署到 Vercel，秒变个人博客、知识库、作品集，甚至是团队官网！ 官网/文档：NotionNext帮助手册 项目地址：tangly1024/NotionNext 主要特性亮点 无缝对接 Notion：只...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog