post

post

<!doctype html>آموزش انیمیشن سازی

کاربرعزیز به سایت ما خوش آمدید

@font-face{ font-family:'Byekan'; src:url(font/Byekan.eot?#) format('embedded-opentype'); url(font/Byekan.ttf) format('truetype'); } p{ font-family: 'Byekan'; font-size: 20px; color: cornflowerblue; direction: rtl; margin-right: 30px; } a{ font-family: 'Byekan'; font-size: 16px; color: cornflowerblue; direction: rtl; margin-right: 30px; } h4{ margin-left: 40px; } *{ margin: 0; padding: 0; } body{ background-color: antiquewhite; } .main{ width:1500px; height:900px ; background-color: oldlace; margin: 50px auto; } .box1{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-left: 60px; margin-top: 60px; float: left; } .box2{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box3{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box4{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box5{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box6{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-left: 60px; margin-top: 60px; float: left; } .box7{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box8{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box9{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box10{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box11{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-left: 60px; margin-top: 60px; float: left; } .box12{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box13{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box14{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .box15{ width:200px; height:200px ; background-color:honeydew; padding: 15px 15px 15px 15px; margin-right: 60px; margin-top: 60px; float: right; } .pic1{ width: 200px; height:190px; } .pic2{ width: 200px; height:190px; } .pic3{ width: 200px; height:190px; } .pic4{ width: 200px; height:190px; } .pic5{ width: 200px; height:190px; } .pic6{ width: 200px; height:190px; } .pic7{ width: 200px; height:190px; } .pic8{ width: 200px; height:190px; } .pic9{ width: 200px; height:190px; } .pic10{ width: 200px; height:190px; } .pic1:hover{ opacity: .5; } .pic2:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic3:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic4:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic5:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic6:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic7:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic8:hover{ transform: rotate(20deg); transition: all 500ms ease; } .pic9:hover{ transform: rotate(360deg); transition: all 500ms ease; }.pic10:hover{ transform: rotate(360deg); transition: all 500ms ease; } .test1{ margin-left: 80px; } .test2{ margin-left: 70px; } .test3{ margin-left: 80px; } .test4{ margin-left: 70px; } .test5{ margin-left: 70px; } .test6{ margin-left: 70px; } .test7{ margin-left: 70px; } .test8{ margin-left: 80px; } .test9{ margin-left: 80px; } .test10{ margin-left: 65px; } .test11{ margin-left: 80px; } .test12{ margin-left: 80px; } .test13{ margin-left: 70px; } .test14{ margin-left: 70px; } .test15{ margin-left: 70px; }

ارسال شده در : یکشنبه 01 تیر 1399 ساعت: 21:14 + تعداد بازديد : 14539
نویسنده : webmaster