تصاویر پیشفرض
تصاویرتصاویر پایه
با استفاده از راهنما به تصاویر با شیوه نامه زیبا دسترسی داشته باشید
با استفاده از کلاس .img-responsive
برای تصاویر دسترسی داشته باشید.همچنین برای دادن قابلیت بیشتر به تصاویر از کلاس های max-width: 100%;
و height: auto;
استفاده کنید
SVG : برای اینترنت مرورگرها
برای استفاده از اینترنت اکسپلور به جای کلاس.img-responsive
از width: 100% \9
استفاده کنید . این قابلیت برای اینترنت اکسپلورر 8 تا 10 میباشد .
شمایل تصاویر
ما برای شما 4 نوع تصویر برای شما آماده کردیم . با استفاده از کد .overlay-wrapper
و یا .visible-overlay-wrapper
استفاده کنید . همچنین برای دیدن پیش نمایش بیشتر افکت ها و .. به این برگه مراجعه کنید .
-
نمونه 1
-
نمونه 2
-
نمونه 3
-
نمونه 4
لایه ها و دکمهدکمه ها روی تصاویر
برای شما هشت نمونه آماده شده . لذت ببرید ....
-
نمونه اول
-
نمونه دوم
-
نمونه سوم
-
نمونه پنجم
-
نمونه ششم
-
نمونه هفتم
-
نمونه هشتم
افکت روی دکمه هابرای نمایش نشانه گر را روی تصاویر بکشید
شما میتوانید از این دکمه هاو افکت های بی نظیر آن استفاده کنید .
پیشنیاز ها
قبل از استفاده شیوه نامهhover.css
را به سند خود اضافه کنید -
نمونه اول
-
نمونه دوم
-
نمونه سوم
-
نمونه چهارم
نوارهای کناری
-
بالا چپ
-
بالا راست
-
پایین چپ
-
پایین راست