زمان جاریtime : شنبه 16 تیر 1403 - 7:56 بعد از ظهر
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم
You are not log in to site. Please
وارد شویدlogin یاor ثبت نام کنیدregister .
|
کد لودینگ css بصورت ساعت شنی تعداد بازدیدvisits : 364
|
|||||||||
ctrain
|
کد لودینگ css بصورت ساعت شنی سلام. اینم یه کد لودینگ که شبیه ساعت شنیه. البته یکم سادست که اگه css بلد باشین میتونید روش بیشتر کار کنید. مثلا با دادن border-radius بهش شکلش تغییر میکنه. دموی این کد: کد: <table id="ctrain_table"><tr><td><div id="ctrain_loading"></div></td><td><span style="margin-right: 7px;"></span>در حال بارگيري ...</td></tr></table><style>#ctrain_loading{width: 7px;border-top: 18px solid #000000;border-right: 10px solid transparent;border-left: 10px solid transparent; border-bottom: 18px solid #000000;-webkit-animation: 0.8s ctrain infinite;-moz-animation: 0.8s ctrain infinite;}#ctrain_table{direction: rtl;background: #ccc;padding: 5px;font: 13px tahoma;text-shadow: 1px 1px 1px #fff;border: 1px dashed #aaa;border-radius: 20px;}@-webkit-keyframes ctrain{0%{-webkit-transform:rotate(0deg);}10%{-webkit-transform:rotate(36deg);}20%{-webkit-transform:rotate(72deg);}30%{-webkit-transform:rotate(108deg);}40%{-webkit-transform:rotate(144deg);}50%{-webkit-transform:rotate(180deg);}60%{-webkit-transform:rotate(216deg);}70%{-webkit-transform:rotate(252deg);}80%{-webkit-transform:rotate(288deg);}90%{-webkit-transform:rotate(324deg);}100%{-webkit-transform:rotate(360deg);}}@-moz-keyframes ctrain{0%{-moz-transform:rotate(0deg);}10%{-moz-transform:rotate(36deg);}20%{-moz-transform:rotate(72deg);}30%{-moz-transform:rotate(108deg);}40%{-moz-transform:rotate(144deg);}50%{-moz-transform:rotate(180deg);}60%{-moz-transform:rotate(216deg);}70%{-moz-transform:rotate(252deg);}80%{-moz-transform:rotate(288deg);}90%{-moz-transform:rotate(324deg);}100%{-moz-transform:rotate(360deg);}}</style>کد css (این کد رو قبل از کد: </head>کد: <style>#ctrain_loading{width: 7px;border-top: 18px solid #000000;border-right: 10px solid transparent;border-left: 10px solid transparent; border-bottom: 18px solid #000000;-webkit-animation: 0.8s ctrain infinite;-moz-animation: 0.8s ctrain infinite;}@-webkit-keyframes ctrain{0%{-webkit-transform:rotate(0deg);}10%{-webkit-transform:rotate(36deg);}20%{-webkit-transform:rotate(72deg);}30%{-webkit-transform:rotate(108deg);}40%{-webkit-transform:rotate(144deg);}50%{-webkit-transform:rotate(180deg);}60%{-webkit-transform:rotate(216deg);}70%{-webkit-transform:rotate(252deg);}80%{-webkit-transform:rotate(288deg);}90%{-webkit-transform:rotate(324deg);}100%{-webkit-transform:rotate(360deg);}}@-moz-keyframes ctrain{0%{-moz-transform:rotate(0deg);}10%{-moz-transform:rotate(36deg);}20%{-moz-transform:rotate(72deg);}30%{-moz-transform:rotate(108deg);}40%{-moz-transform:rotate(144deg);}50%{-moz-transform:rotate(180deg);}60%{-moz-transform:rotate(216deg);}70%{-moz-transform:rotate(252deg);}80%{-moz-transform:rotate(288deg);}90%{-moz-transform:rotate(324deg);}100%{-moz-transform:rotate(360deg);}}</style><div id="ctrain_loading"></div>کد html (این کد رو در هرجایی که مایلید لودینگ به نمایش در بیاد بذارید): کد: <div id="ctrain_loading"></div>این کد فعلا فقط به مرورگرهای کروم و فایرفاکس محدوده خواستید بگید عمومیش کنم. |
||||||||
| یکشنبه 10 فروردین 1393 - 17:37 |
|
||||||||
ahm-old
 
|
پاسخAnswer 1 : کد لودینگ css بصورت ساعت شنی لایک|ممنون اگه بودی، حالا نیستی، میگم یه خِیری هست دلمو دادم بهت فکر نکنی که خِیرییست "معین تله" 
|
||||||||
| دوشنبه 11 فروردین 1393 - 22:39 |
|
برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.