سایت CSS-Tricks در فوتر خود از یک افکت جالب برای آیکون های موجود در آن استفاده کرده که با قرار گرفتن موس روی آنها به شکل زیبایی رنگ و طرحشان عوض میشود! در این مطلب قصد دارم تا نوع ساده ای از این افکت را به شما آموزش دهم که با استفاده از CSS3 میتوان آن را ایجاد کرد.

از این افکت می توانید در زیباتر کردن آیکون های سایت، تصاویر و… استفاده کنید. امیدوارم قسمت پنجم این مجموعه مقالات نیز برای شما مفید باشد. برای خواندن آموزش به ادامه مطلب مراجعه کنید.

از من می‌پرسید به نظرم به‌تر هست همیشه برای کارهای‌تان ارزش قائل شوید. چون اولین گام ِ موفقیت، اهمیت دادن به آن کار است. پس چه به‌تر که از همان آغاز، یک شروع ِ جالب داشته باشیم.

بگذریم. می‌خواهیم یک چیز ِ کوچولو درست کنیم که تا زمان ِ آغاز به‌کار ِ سایت یا وبلاگ و یا هرچیز ِ دیگری که هست، تعداد روزها و ساعات ِ باقی‌مانده را برای بازدیدکننده‌گان بشمارد. مثلا بگوید “به‌زودی تا ۵ روز و ۸ ساعت و ۲۷ دقیقه و ۴۰ ثانیه‌ی دیگر سایت افتتاح خواهد شد” یا یک همچین‌چیزی :)

اموزش و کد در ادامه مطلب....

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

این کد افکتی روی عکس شما ایجاد مکنه (دوحالت) که عکس شما با درصد وضوح مثلا ۷۰درصد نشان داده میشه و وقتی موس بر روی آن میرود به مقدار کاملا واضح میشود