linkedin facebook linkedin facebook nod32

Videoni internetga joylashtirish css kod

Muallif: Mengliyev SH.

Qo`shilgan sana: 2014-08-16

Videoni internetga joylashtirish css kod

Videoni joylashtirish turli ko’rinish hosil qilish uchun quyidagi koddan foydalaning.
Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Video</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="contaner">
<iframe id="myframe" src="iphon.mp4" frameborder="0" allowfullscreen> </iframe>
</div>
</div>
</body>
</html>


CSS 5 kod main.css

#wrapper{
-mor-perspective:500px;
width:400px;
height:350px;
}
#contaner{
background:rgba(0,0,0,0.3);
border-radius:50px;
border:3px; solid:#fff;
color:#fff;
height:190px;
margin: 0px;
width:210px;
-moz-transform: rotate3d(-30,1,-1,50deg);

position:absolute;
}
#myframe{
width:200px;
height:180px;
border-radius:50px;
}

2291 marta o`qildi.

Parol:
Eslab qolish.


Ro`yhatdan o`tish

testing

+998915878681

Siz o`z maxsulotingizni 3D reklama ko`rinishda bo`lishini xohlaysizmi? Unda xamkorlik qilamiz.

3D Reklama


Рейтинг@Mail.ru
Рейтинг@Mail.ru

Besucherzahler
счетчик посещений