طراحی سایت - قالب سایت - گرافیک وب و موبایلتبدیل وبلاگ به سایت - آیکون و وکتور

ایجاد افکت و جلوه انفجار بمب با کدهای css

یک جلوه گرافیکی و جذاب ویژه دهه فجر انفجار نور

 

انفجار بمب »

<!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>
<title>تست کد</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8;charset=utf-8″ />
<style type=”text/css”>
body {
background: #000;
}

#bomb {
width: 320px;
height: 240px;
position : absolute;
top : 50%;
left : 50%;
margin-top : -120px;
margin-left: -160px;
background-image: url(“http://www.findsourcecode.com/wp-content/uploads/2014/09/bomber.png”);

-webkit-animation: play 2s steps(20) infinite;
-moz-animation: play 2s steps(20) infinite;
}

@-webkit-keyframes play {
from { background-position: 0px; }
to { background-position: -6400px; }
}

@-moz-keyframes play {
from { background-position: 0px; }
to { background-position: -6400px; }
}
</style>
</head>

<body >

<div id=”bomb”></div>

</body>
</html>

کد سی اس اس

Mosleh Uddin


برچسبها: ,

درج ديدگاه...


سه + = نُه

website stats