css中的一些黑科技

最新推荐文章于 2021-08-03 20:57:25 发布

gqzydh

最新推荐文章于 2021-08-03 20:57:25 发布

阅读量317

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/gqzydh/article/details/79134307

版权

css 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

css中的一些黑科技

简单的文字模糊效果
实现页面编辑CSS
实现多重边框

简单的文字模糊效果

*{ 
    color: transparent;
    text-shadow: #111 0 0 5px;
}

实现页面编辑CSS

<!DOCTYPE html>
<html>
    <body>
        <style style="display:block" contentEditable>
            body { color: blue }
        </style>
    </body>
</html>

实现多重边框

.div {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0, 0, 0, 0.2);
    height: 200px;
    margin: 50px auto;
    width: 400px
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gqzydh

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css中的一些黑科技

css中的一些黑科技简单的文字模糊效果实现页面编辑CSS实现多重边框简单的文字模糊效果*{ color: transparent; text-shadow: #111 0 0 5px;}实现页面编辑CSShtml> body> style style="display:block" contentEditab
复制链接

扫一扫