امروز میخواهم برای شما استایل انیمیشن زیبا و مدرن برای دکمه قرار بدهم، در بعضی از دکمه ها از جاوا برای زیبایی استفاده شده است.

قسمت HTML خیلی ساده است و فقط یک دکمه است که استایلها برایش داده شده:

<button class="btn btn-6 btn-6d">Button</button>

استایل مشترک تمام دکمه ها استایل .btn هست، و برای استایل خاص هر دکمه از شماره خاص استفاده شده است، در استایل برخی از دکمه ها از فونت آیکون استفاده شده است.

برای مثال استایل خاص یک دکمه به صورت زیر است:

/* Button 6d */
.btn-6d {
    border: 2px dashed #226fbe;
}

.btn-6d:hover {
    background: transparent;
    color: #226fbe;
}

در اسلایل .btn و btn-6 هیچ چز مشترکی وجود ندارد.

من این استایل را در نسخه دمو برای شما اینگونه قرار داده ام، شما در صورتی که بخواهید یک دکمه را در قالب خود قرار دهید بهتر از همه استایل ها را با هم در یک استایل قرار دهید.

امیدوارم که لذت برده باشید!

مشاهده دموی اسکریپتدریافت اسکریپت

۸ تیر ۱۳۹۲

تصمیم گرفتم ازین به بعد برای وبلاگها قالب رایگان بسازم و بزام برای دانلود ، امیدوارم از قالب هایی که قرار میدم خوشتون بیاد، اولین قالب را با عنوان قالب شماره ۱ براتون قرار میدم، دانلود کنید ، خوشحال میشم نظر شما رو بدونم..

بلاگفامیهن بلاگوردپرس

۱۲ فروردین ۱۳۹۲

سلام دوستان، از این به بعد میخوام مطالب آموزشی رو ترجمه کنم و به شما یاد بدم، پس امروز اولین پست را ارسال می کنم، من تو ترجمه زیاد وارد نیستم، ولی سعی کردم خوب و گیرا ترجمه کنم، اگه یکم ترجمه رسمی بود به دل نگیرید، به مرور زمان من سعی می کنم بهتر ترجمه کنم. خوب بریم سراغ آموزش:

امروز میخواهم چگونگی ساخت افکت های سه بعدی هیجان انگیز را با استفاده از css3 و jQuery نشان بدهم. این ایده الهام گرفت شده از افکت حرکتی است که شما می توانید در صفحه Google SketchUp Showcase پیدا کنید. ما یک ساختار با jquery می سازیم که به ما اجازه میدهد ، وقتی به روی عکس برویم ، خم یا تا شود. برای این افکت ما از تبدیل css سه بعدی استفاده میکنیم.
پس این موضوع را ذکر کنم که این افکت فقط در مرورگرهای جدید کاربرد دارد و در اینترنت اکسپلورر ( حتی نسخه ۹ ) اجرا نمی شود.
آموزش در ادامه مطلب..
ادامه

۱ تیر ۱۳۹۱

همیشه عکاسی، عملی سرگرم کننده و در عین حال خلاقانه بوده است و به همین دلیل است که همیشه شاهد تصاویری بسیار زیبا، خلاقانه و بی نظیر از عکاسان مختلف هستیم. اما به تازگی عکاسی بنام Nicholas Hendrickx، سری عکس هایی بسیار جالب با نام “ماجراهای آقای مگس” منتشر کرده است که در این تصاویر، Nicholas، مگس های مرده را در گیر کارها و فعالیت های مختلف انسانها کرده است. با هم نگاهی به بعضی از این عکس ها می اندازیم. در صورتیکه می خواهید تمام تصاویر گرفته شده را مشاهده کنید، اینجا کلیک نمایید.

برای دیدن بقیه عکسها به ادامه مطلب بروید…

ادامه

۲۱ اردیبهشت ۱۳۹۱
بالا