با استفاده از CSS یک تصویر بسازید که در حالت عادی کمی تار (blur) و کم‌نور باشد و وقتی موس روی آن می‌رود شفاف، روشن و با کنتراست بیشتر نمایش داده شود.

برای این کار از خاصیت CSS به نام filter استفاده کنید و مقدارهای blur(), brightness() و contrast() را تنظیم کنید؛ به‌علاوه برای ایجاد انتقال نرم بین حالات از transition روی فیلتر استفاده کنید و در حالت :hover مقادیر را تغییر دهید. نمونهٔ کلی: برای حالت عادی filter: blur(4px) brightness(0.7) contrast(90%); و برای :hover filter: blur(0) brightness(1.2) contrast(120%); و transition: filter 0.3s ease; می‌تواند کافی باشد؛ همچنین در صورت نیاز از -webkit-filter برای سازگاری مرورگرها استفاده کنید.