دکمه متحرک HTML
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش
دکمه متحرک HTMLبازديد : 495
دوستای قالب گرافیم سلام و شب بخیر.
با یه کد توپ مواجه شدم و خواستم اون رو با شماهم به اشتراک بزارم.
کد :
کد:
<a href="http://ghalebgraph.ir" class="button button-green">قالب گراف</a>

استایل :
کد:
.button{ position: relative; color: rgba(255,255,255,1); text-decoration: none; font-family: 'B Roya'; font-weight: 700; font-size: 3em; display: block; padding: 4px; margin: 25px auto; min-width: 250px; max-width: 35%; text-align: center; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .button:active { position: relative; top: 6px;} .button-blue{ background-color: rgba(118,167,250,1); -webkit-box-shadow: 0px 9px 0px rgba(66,133,244,1); -moz-box-shadow: 0px 9px 0px rgba(66,133,244,1); box-shadow: 0px 9px 0px rgba(66,133,244,1);} .button-blue:active { -webkit-box-shadow: 0px 3px 0px rgba(66,133,244,1); -moz-box-shadow: 0px 3px 0px rgba(66,133,244,1); box-shadow: 0px 3px 0px rgba(66,133,244,1);} .button-blue:hover{ background: rgba(160,195,255,1);} .button-red{ background-color: rgba(229,115,104,1); -webkit-box-shadow: 0px 9px 0px rgba(219,115,104,1); -moz-box-shadow: 0px 9px 0px rgba(219,115,104,1); box-shadow: 0px 9px 0px rgba(219,115,104,1);} .button-red:active { -webkit-box-shadow: 0px 3px 0px rgba(219,115,104,1); -moz-box-shadow: 0px 3px 0px rgba(219,115,104,1); box-shadow: 0px 3px 0px rgba(219,115,104,1);} .button-red:hover{ background: rgba(237,157,151,1);} .button-yellow{ background-color: rgba(251,203,67,1); -webkit-box-shadow: 0px 9px 0px rgba(244,180,0,1); -moz-box-shadow: 0px 9px 0px rgba(244,180,0,1); box-shadow: 0px 9px 0px rgba(244,180,0,1);} .button-yellow:active { -webkit-box-shadow: 0px 3px 0px rgba(244,180,0,1); -moz-box-shadow: 0px 3px 0px rgba(244,180,0,1); box-shadow: 0px 3px 0px rgba(244,180,0,1);} .button-yellow:hover{ background: rgba(255,225,104,1);} .button-green{ background-color: rgba(51,182,121,1); -webkit-box-shadow: 0px 9px 0px rgba(15,157,88,1); -moz-box-shadow: 0px 9px 0px rgba(15,157,88,1); box-shadow: 0px 9px 0px rgba(15,157,88,1);} .button-green:active { -webkit-box-shadow: 0px 3px 0px rgba(15,157,88,1); -moz-box-shadow: 0px 3px 0px rgba(15,157,88,1); box-shadow: 0px 3px 0px rgba(15,157,88,1);} .button-green:hover{ background: rgba(123,207,169,1);} .column{ width:50%; float:left;}





منبع : سون لرن
پیشنمایش رو از آدرس بالا مشاهده کنید
امضاي کاربر :

تشکر شده:

3 کاربر از payamartwork به خاطر اين مطلب مفيد تشکر کرده اند: mahdio77 / sayedmobin / sgraph /

پاسخ ها
زیبا بود کاش این جا دمو میذاشتید

امضاي کاربر :

رفت به رزبلاگ (وردپرس امنیت بالای لازم داره که ما نداشتیم)
بد نبود
ولی من نپسندیدم
امضاي کاربر :
سلام به همه ، که نمیتونم تو عنوان بیان کنم،
فعلاً تو رزبلاگ فعالیت نمی کنم ، روی هاست رفیقم فعال هستم www.Beest7.com قالبش که درست کنم احتمالآً دامنه جدید براش میگیرم ، البته فعلاً صفحه اولش کیفیت نداره و اصلش Web.beest7.com هست
و شبکه اجتماعی هم به فکرش هستم که بهش اضافه کنم . تقریباً خودم مدیره اجراییش هستم و کدنویسی و مدیریتش میکنم

براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.