实现照片墙的效果

最新推荐文章于 2025-06-13 09:33:14 发布

冰凌花花

最新推荐文章于 2025-06-13 09:33:14 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html5

本文链接：https://blog.youkuaiyun.com/shiralwz/article/details/48787681

分享了一个GitHub项目，实现了照片墙效果，特点在于鼠标悬停在照片上时，照片会自动放大并上浮，提供了一种动态展示图片的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://github.com/shiralwz/image-page

今天在github上传了一个小的照片墙的页码源代码，主要是照片墙的功能，当鼠标移动到哪个照片的时候，照片自动放大并上浮。

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="utf-8">
    <title>照片墙</title>
    <link type="text/css" href="style.css" rel="stylesheet">

  </head>
  <body>
    <div class="container">
      <img class="pic pic1" src="image/1.jpg">
      <img class="pic pic2" src="image/2.jpg">
      <img class="pic pic3"