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

日常迷妹

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

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

前端 不为人知的一面等你来发现_第2张图片
前端 不为人知的一面等你来发现_第3张图片

三.加上一些图片和一些样式(这个有没有觉得像很有‘故事’的相框)?
前端 不为人知的一面等你来发现_第4张图片
最终效果图:??
前端 不为人知的一面等你来发现_第5张图片
中间是有一张图片是一个十分优秀的人设计出来的logo图片可以根据个人来进行编写形式,下面的英文也可以写文字

           日常玩乐不喜勿喷?

你可能感兴趣的:(前端)