css 图片模糊+阴影

最新推荐文章于 2024-02-21 18:19:02 发布

原创最新推荐文章于 2024-02-21 18:19:02 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

服务化&架构专栏收录该内容

134 篇文章

订阅专栏


<html>
    <head><meta name="viewport" content="width=device-width, minimum-scale=0.1">
    <title>v2-aecf7320d9b0e0721adff3e6e488a37a_720w.jpg (720×900)</title>
</head>
<body style="margin: 0px; background: #0e0e0e;">
    <img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;filter:grayscale(100%)" 
    src="https://pic1.zhimg.com/80/v2-aecf7320d9b0e0721adff3e6e488a37a_720w.jpg" 
    width="530" 
    height="663">
    <img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;filter:blur(5px)"
    src="https://pic2.zhimg.com/80/v2-0620b7dc104e6481fe404a2103401165_720w.jpg" alt="">
    <img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;filter:invert(10%)"
    src="https://pic2.zhimg.com/80/v2-2e40169c05a218a5f9222565d579691d_720w.jpg" alt="">
    <img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;filter:drop-shadow(10%)"
    src="https://pic2.zhimg.com/80/v2-0620b7dc104e6481fe404a2103401165_720w.jpg" alt="">
    <img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;filter:blur(5px)"
    src="https://pic2.zhimg.com/80/v2-0620b7dc104e6481fe404a2103401165_720w.jpg" alt="">
</body>
</html>