CSS Poloraid Fotoğraf Çerçevesi Oluşturma
CSS Poloraid Fotoğraf Çerçevesi Oluşturma
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
body{
background:#282838;
height:100%;
}
.polaroid {
position:relative;
width:300px;
float:left;
margin:20px;
}
.polaroid img {
border:10pxsolid#fff;
border-bottom:45pxsolid#fff;
-webkit-box-shadow:3px3px3px#777;
-moz-box-shadow:3px3px3px#777;
box-shadow:3px3px3px#777;
width:100%;
}
.polaroid p {
position:absolute;
text-align:center;
width:100%;
bottom:0px;
font:40018px/1'Kaushan Script',cursive;
color:#888;
}
|