前端小作业～照片墙案列

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>照片墙案例</title><style

肉肉肉肉肉肉~丸子

883人浏览 · 2022-04-25 11:32:24

肉肉肉肉肉肉~丸子 · 2022-04-25 11:32:24 发布

<!DOCTYPE html>

<head>

<title>照片墙案例</title>

padding: 0;

margin: 20px;

}

.box{

height: 100%;

width: 800px;

}

.box img{

width: 250px;

height: 200px;

border: 8px solid whitesmoke;

margin-right: -120px;

margin-bottom: -90px;

transition: all 0.3s;

}

.box .img1{

transform: rotate(30deg);

}

.box .img2{

transform: rotate(-30deg);

}

.box img:hover{

transform:scale(2.2) ;

}

.box img::after{

content: " ";

display:block;

width: 160px;

height: 120px;

transform-origin:left bottom ;

transform: rotate(45deg);

transition: all 0.3s;

}

div:hover::after{

transform: rotate(-45deg);

}

<×yle>

</head>

<body>

</div>

</body>

<cml>

魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

如何快速上手 hvac：HashiCorp Vault Python 客户端零基础入门指南

**hvac** 是 HashiCorp Vault 的 Python 3.X 客户端库，专为开发者提供简单高效的 Vault 交互方式。无论你是需要管理密钥、配置身份验证，还是实现安全的秘密数据存储，hvac 都能帮助你轻松搞定 Vault 的各项操作。本文将带你零基础快速入门，从安装到基础操作，让你在几分钟内即可上手使用这个强大的工具。[![hvac 客户端 Logo](https://r

魔乐社区

提升Angular2-HN性能的7个实用技巧：让新闻加载速度飞起来

Angular2-HN是一款基于Angular构建的Progressive Hacker News客户端，专为追求高效新闻浏览体验的用户设计。本文将分享7个实用技巧，帮助你优化Angular2-HN的性能，让新闻加载速度显著提升，带来更流畅的阅读体验。## 1. 启用Service Worker缓存关键资源Service Worker是提升Angular应用性能的强大工具，它可以在后台缓存