سایت جعبه موزیک 2020

<!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; }

آخرین نظرات ثبت شده برای این مطلب را در زیر می بینید:

شما نیز نظری برای این مطلب ارسال نمایید: