<!doctype html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body
{
display: flex;
flex-flow: row-reverse wrap;
}
#denek2
{
position: relative;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
#denek3
{
position: relative;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#denek4
{
-webkit-transform: rotateX(55deg);
transform: rotateX(55deg);
}
#denek5
{
-webkit-perspective: 500px;
perspective: 500px;
width:600px;
}
#denek6
{
-webkit-transform: rotateY(305deg);
transform: rotateY(305deg);
}
#denek7
{
-webkit-perspective: 500px;
perspective: 400px;
width:800px;
}
#denek8
{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
#denek9
{
-webkit-perspective: 400px;
perspective: 400px;
width:600px;
}
#denek10
{
border-radius: 200px;
}
#denek11
{
-webkit-transform: rotateY(55deg);
transform: rotateY(55deg);
}
#denek12
{
-webkit-perspective: 500px;
perspective: 400px;
width:600px;
height:500px;
}
#denek13
{
box-shadow: 20px 20px 20px #444444;
margin-top:100px;
margin-right:300px;
}
</style>
</head>
<body>
<div id="denek7" style="width:600px;">
<div id="denek6">
<img src="batman.jpg" alt="batman" />
</div>
</div>
<div id="denek12">
<div>
<img id="denek11" src="batman.jpg" alt="batman" />
</div>
</div>
<div id="denek1">
<img src="batman.jpg" alt="batman" />
</div>
<div id="denek2">
<img src="batman.jpg" alt="batman" />
</div>
<div id="denek3" style="float:left;">
<img src="batman.jpg" alt="batman" />
</div>
<div id="denek5">
<div id="denek4">
<img src="batman.jpg" alt="batman" />
</div>
</div>
<div id="denek9">
<div id="denek8">
<img src="batman.jpg" alt="batman" />
</div>
</div>
<div>
<img id="denek10" src="batman.jpg" alt="batman" />
</div>
<div id="denek13">
<img src="batman.jpg" alt="batman" />
</div>
</body>
Hiç yorum yok:
Yorum Gönder