2024-02-25从昨天下午开始，我们打开各种网站后都是灰色的，我们讲解一下如何用技术手段使网页变灰色。//分析：我们网站的元素大多数都是img标签和其他文字行标签，文字我们直接使用color:#ccc就可以更改，图片不可能每张都更换成灰色背景，那非常不现实，一张一张改起来是多大的工程。所以一定是使用类似蒙层，滤镜的东西把原本的色彩遮罩。其实只需要一行代码就可以使网页变灰，我们利用css属性中的过滤器filter就可以实现grayscale是将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0_色成网咱

https://www.qianduange.cn//article/2674.html 分类：前端知识

2024-02-16css3 javaScript实现一个左右钟摆-摇晃的红灯笼网页特效！前天逛博客时无意中看见了，别人的博客顶部有一个会左右钟摆的摇晃的红灯笼，产生了想法，我也想给自己做一个，但是网上找了很多方案，都没有实现。终于在昨天晚上搜索，找到了利用css3和js一起组合的技术，实现了这个效果。这个是css文件里面的内容。我故意把周期设计的步进很缓慢，看起来晃动的时候会比较柔和一点。这个index.html里面的代码。如图所示，这是一个静态的截图。实际上是可以看效果的。这个是js文件内容，控制2个灯笼图片的布局位置。_页面灯笼js

https://www.qianduange.cn//article/2131.html 分类：前端知识

2024-02-12CSS设置图片中添加文字_css图片中添加文字

https://www.qianduange.cn//article/1831.html 分类：前端知识

2024-02-11024新年之际即将到来，今天教大家用HTML5 Canvas制作出漂亮的3D烟花动画特效，送给你心爱的那个她。首先，我们需要准备一些基础素材，如烟花的粒子、爆炸的火花、背景等素材。这些素材可以自己制作或者从网上下载。接下来，我们需要使用HTML5 Canvas技术来实现这个3D烟花动画特效。我们可以通过Canvas的绘图API，来绘制各种形状的烟花粒子，以及实现它们的运动轨迹和颜色变化。同时，我们还可以利用css3的3D变换技术，使得烟花看起来更加真实。除此之外，我们还可以通过JavaScrip_2024微信新年祝福特效

https://www.qianduange.cn//article/1767.html 分类：前端知识

2024-02-09本文主要探讨了我们如何解决CSS优先级问题，尤其是关于CSS重置层面的问题。随着我们接近2023年底，随着用户升级他们的浏览器，这种使用CSS层来解决CSS冲突的方法将越来越常见。在构建Pink Design的过程中，我们有幸为开发者这种类型的用户提供服务，他们通常会定期更新浏览器。因此，我们选择了采用这种新的、利用css层进行开发的方法。

https://www.qianduange.cn//article/1576.html 分类：前端知识

2024-02-04类型语法线性渐变linear-gradient(方向, 颜色1, 颜色2, … ,颜色n)径向渐变radial-gradient(颜色1 覆盖区域大小, 颜色2 覆盖区域大小, …_css渐变色

https://www.qianduange.cn//article/1241.html 分类：前端知识