css模糊
发表于|更新于
|浏览量:
我们都希望自己过艺术的一生，但艺术是什么，却没有明确的定义。你过早地为人生设限，大多数时候是不成熟的表现。——灵遁者
对应的css代码为：
1 | filter: blur(1px); |
这里可以更改blur值的大小
1 | filter: blur(2px); |
相关推荐
2021-07-01
新标签页打开
人民不仅有权爱国，而且爱国是个义务，是一种光荣。——徐特立 123456<a href="https://VampireAchao.github.io/" target="_self">默认当前页面打开</a><a href="https://VampireAchao.github.io/" target="_blank">新页面打开</a><a href="" target="ruben">在frame中打开</a><iframe src="" name="ruben"></iframe><a href="https://VampireAchao.github.io/" target="_parent">如果是在iframe里，无视iframe直接当前外层页面打开<...
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...
2024-07-09
css透视效果位置perspective-origin
真理是时间的孩子，不是权威的孩子。——伽利略 正如我们在前一篇文章中提到的，CSS具备处理3D变换的能力。继续这一话题，本文将重点介绍perspective-origin属性，这个属性允许我们调整透视效果的原点，影响3D变换的视觉输出。 详细信息可以参考这个链接：MDN文档 让我们通过一个例子来看看perspective-origin的实际效果： .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .face { position: absolute; width: 100%; height: 100%; background: rgba(255, 165, 0, 0.8); display: flex; align-items: center; justify-cont...
2021-09-23
sessionStorage
勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿 前端除了localStorage还有sessionStorage localStorage即便关闭了浏览器，再次打开该页面仍然存在 但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面 localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景 sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景 sessionStorage的api和localStorage的api非常相似： 12// 存sessionStorage.setItem("ruben","ruben") 取出来： 12// 取sessionStorage.getItem("ruben")
2021-11-12
数组解构赋值
倘若A代表人生的成功，那么公式是：A =X+Y+Z。X是工作，Y是游戏，z是保持缄默。——（美）爱因斯坦 我们以前从一个数组中获取第一项，可能是如下写法： 12let list = [1,2,3]let i = list[0] 有了解构赋值，可以如下写法： 12let list = [1,2,3]let [i] = list 如果稍微复杂点，例如下面这样从对象中取出来数组： 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成： 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...
2023-08-27
css-animations
一切鬼魂们的叫唤无不低微，然有秩序，与火焰的怒吼，油的沸腾，铜叉的震颤和鸣，造成醉心的大乐，布告三界：地下太平。──鲁迅《失掉的好地狱》 分享一个网站 https://css-animations.io/ 可以让我们学习css动画