576317609 
live:emerael
https://vk.com/ksiolay
HTML+ написал(а):
Код:<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'><style type='text/css'> .somacont { position:relative; width:400px; height:600px; -webkit-box-shadow: 1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; -moz-box-shadow:1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; box-shadow:1px 1px 5px 0px#eee, -1px -1px 5px 0px #eee; } .somablock { position:absolute; width:200px; height:300px; overflow:hidden; } .wordcontainers { position:absolute; top:0px; left:0px; width:200px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somablock:hover .wordcontainers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somainfo { position:absolute; top:-300px; width:200px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somablock:hover .somainfo { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somatitles { position:absolute; width:150px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz; font-weight:700; font-size:18px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; } .somaidk { position:absolute; width:100px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; } .somaimageblock { width:200px; height:60px; overflow:hidden; } .somawordsha { width:180px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:10px; font-family:times; color:#222; line-height:100%; } </style><center> <div class='somacont'> <div class='somablock' style='top:0px; left:0px; background-color:#d5b0b1;'><div class='wordcontainers'><div class='somatitles'> Светлые </div><div class='somaidk'> Они сделают все во имя полетов под чистым небом </div></div><div class='somainfo'><div class='somawordsha'> <i>●<a href=http://mef.rusff.me/profile.php?id=2>Аристея | Амелия Лихтенберг</a> (<a href=http://mef.rusff.me/viewtopic.php?id=50>inf</a>) - ведущая 1 крыла златокрылой гвардии</i> <br> </div></div></div> <div class='somablock' style='top:0px; left:200px; background-color:#a09ea4;'><div class='wordcontainers'><div class='somatitles'> Темные </div><div class='somaidk'> Даже те, кто носит на шее дарх, желают быть счастливыми </div></div><div class='somainfo'><div class='somawordsha'> <i>●<a href=http://mef.rusff.me/profile.php?id=8>Аннушка</a> (<a href=http://mef.rusff.me/viewtopic.php?id=52>inf</a>) - некромаг</i> <br> <i>●<a href=http://mef.rusff.me/profile.php?id=10>Роллан Виндикар</a> (<a href=http://mef.rusff.me/viewtopic.php?id=51>inf</a>) - темный страж, ученый</i> </div></div></div> <div class='somablock' style='top:300px; left:0px; background-color:#aecabb;'><div class='wordcontainers'><div class='somatitles'> Нейтралы </div><div class='somaidk'> Невозможно определить, к какой гавани прибьет ветер легкую лодочку. </div></div><div class='somainfo'><div class='somawordsha'> <i>●<a href=http://mef.rusff.me/profile.php?id=7>Алексей</a>, некромаг</i><br> <i>●<a href=http://mef.rusff.me/profile.php?id=11>Альмира</a> (<a href=http://mef.rusff.me/viewtopic.php?id=53>inf</a>), вампир</i> </div></div></div> <div class='somablock' style='top:300px; left:200px; background-color:#a4c2bc;'><div class='wordcontainers'><div class='somatitles'> Элионцы </div><div class='somaidk'> Для вечных под этой луной любое время - не больше, чем мгновение </div></div><div class='somainfo'><div class='somawordsha'> <i>●<a href=http://mef.rusff.me/profile.php?id=9>Эвелиана</a>, кинетик</i> </div></div></div> </div></center>
За код спасибо Лису
