数据人与超自然意识 发表于 2024-6-9 23:20:08

HTML5+CSS3+JS小实例:网格图库

实例:网格图库
技能栈:HTML+CSS+JS
效果:
https://img-blog.csdnimg.cn/direct/bbf7d3e6d3a74783bb044042b329899d.gif
源码:
【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="243.css">
</head>

<body>
    <main class='gallery'>
      <div class='item' data-pos='0'><img src='https://picsum.photos/400/300?random=0'></div>
      <div class='item' data-pos='1'><img src='https://picsum.photos/400/300?random=1'></div>

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: HTML5+CSS3+JS小实例:网格图库