纯CSS实现这样的动画必须得用CSS3，我写了个DEMO：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.wrap {position: relative width: 800px padding: 10px 0 0 10px margin: 0 auto}
.wrap img {position: absolute max-width: 300px margin: 0 10px 10px 0 cursor: pointer transition: ease-in-out .2s}
.wrap img:hover {margin-top: 15px}
</style>
</head>
<body>
<div class="wrap">
<img src="../img/cpu.png" alt="" style="top:10px left:10px">
<img src="../img/cartoon.jpg" alt="" style="top:50px right:10px">
</div>
</body>
</html>
主要用到CSS3中的transition这个声明来实现简单动画，如果需要实现更复杂的动画，就需要使用CSS3中的@keyframe了
照片墙怎么挂好看呢?一张照片会记录下一个美好的瞬间，也会记录下当时我们的喜怒哀乐，把这些美好的回忆收集在一起，让我们生活的每一天都充满了幸福。下面来看看详细介绍吧。
一、照片墙怎么挂好看
那么照片墙怎么挂才能够好看呢?其实方法是非常多的，一般来说总结为以下的几种：挂的整整齐齐、自由组合、根据相框的大小来排序、制作成一种图案、扩展性的排列。而这些不同的排列，也会显示出各种不同的风格。如果但是小编建议大家更多的可以自由组合或者是制作排列成一种图案，这样是非常具有艺术气息的，当然也可以尝试更多大胆的创意。
照片墙怎么挂才会好看其实在制作的过程中还有一个非常重要的因素，就是最好建议不要在墙上留钉，这样不仅有损墙面，还会在一定程度上破坏整体的效果。而目前市场上有一种比较流行的无痕挂钩，所以大家在制作的时候可以使用这种挂钩。
二、照片墙怎么挂
1、首先相片或图片装入空白相框里面，将带有带有图片或相片的相框准备好。
2、用工字钉将图纸模板固定在墙面上，位置固定好后，最好再用透明胶粘好以免移位。注意图纸一定要水平不能倾斜，图纸要尽量展平压贴墙壁，不要起皱拱鼓。
3、将塑料挂钩按照模板上面的圆圈钉在墙上，锤打挂钩时不要让图纸松落、移位。
4、将所有挂钩固定后，小心的撕破图纸，尽量不要损坏，没有图纸你不知道什么位置该挂什么规格的相框，横挂还是坚挂。把图纸铺在地上，可以知道哪个相框挂在什么位置。
5、把所有的相框挂好后，看一下什么图片和相片放什么位置，随着自己的个性和品味，做适当的调整，和谐统一是关键。
6、确定好图片和相框的位置后，然后用水平仪检查一下每个相框的摆放位置是否与地面水平，有不水平的可以适当的做调整。
艺术是多姿多彩的，除了以上集中排列方式，对于习惯于自己手工DIY的朋友，也可以自己制作一个简单的照片墙，所带来的成就感是无法用言语能够表达的。除了购买一些现成的照片墙相框，再自己制作一个极具个人风格的照片墙，二者结合起来一定会有非常意向不到的效果。
以上就是小编为您介绍的照片墙怎么挂，希望能够帮助到您。更多关于照片墙怎么挂的相关资讯，请继续关注土巴兔装修网。
