前端 不为人知的一面等你来发现

本文介绍如何使用CSS实现文字模糊效果和多重边框效果,通过简单的代码示例展示如何让网页设计更加生动有趣。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

日常迷妹

  开发工具与关键技术:DW 
  作者:蛋蛋
  撰写时间:2019年1月26日

一.关于CSS的简单文字模糊效果
以下两行简单的CSS代码可达将文字模糊化处理的目的,出来的效果有点像使用PS的滤镜,So cool !
在这里插入图片描述
图中我们看到p标签的color设置为透明(transparent);
text-shadow:函数名称,设置或检察对象中文本的文字是否有阴影及模糊效果。
效果图如下:
在这里插入图片描述
二.多重边框?
利用重复制定box-shadow来达到多个边框的效果
在线演示

在这里插入图片描述
在这里插入图片描述

三.加上一些图片和一些样式(这个有没有觉得像很有‘故事’的相框)?
在这里插入图片描述
最终效果图:??
在这里插入图片描述
中间是有一张图片是一个十分优秀的人设计出来的logo图片可以根据个人来进行编写形式,下面的英文也可以写文字

           日常玩乐不喜勿喷?
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值