HTML5+CSS3+JS小实例：图片切换特效之模糊变清晰

艾恩小灰灰

已于 2024-04-10 15:56:42 修改

阅读量227

点赞数 4

分类专栏： HTML+CSS+JS小实例文章标签： html5 css3 javascript 前端 css 图片对比特效图片特效

于 2024-04-10 15:56:26 首次发布

本文链接：https://blog.csdn.net/weixin_68127493/article/details/137599973

版权

HTML+CSS+JS小实例专栏收录该内容

248 篇文章 38 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

实例：图片切换特效之模糊变清晰

技术栈：HTML+CSS+JS

效果：

源码：

【HTML】

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片切换特效之模糊变清晰</title>
    <link rel="stylesheet" href="235.css">
</head>
<body>
    <div class="container skewed">
        <div class="layer bottom">
            <div class="content">
                <div class="body">
                    <h1>索隆 or 山治</h1>
                </div>
                <img src="1.jpg" alt