纯CSS实现的照片墙效果,鼠标经过图片是图片上浮变大,照片程不同角度倾斜如图:
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一起度过的第一个生日</title>
<link type="text/css" rel="stylesheet" href="../css/zhaopianqiang.css">
<script src="../js/birth.js"></script>
</head>
<body background="../.idea/img/bgpic1.jpg">
<!--创建class或ID以便在CSS中操作-->
<div class="container">
<!--定义两个class以便于对图片的统一处理-->
<img class="pic pic1" src="../.idea/生日会/1.jpg">
<img class="pic pic2" src="../.idea/生日会/2.jpg">
<img class="pic pic3" src="../.