افکتهای زیبا برای ( Overlay ) پوشش کامل صفحه ( نمونه هفتم )

- visibility ۵ mode_comment

در این مطلب کدهای هفتمین نمونه رو در اختیارتون میزارم.

برای باز شدن Overlay باید بر روی دکمه Open Overlay کلیک کنید.

همونطور که میبینید ، زمانی که Overlay باز میشه ، میتونین با کلیک بر روی علامت x در بالا و سمت راست ، Overlay رو ببندید.

کدهای HTML :

در این نمونه از classie.js استفاده شده است.

کدهای CSS :

کدهای Javascript :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

comment دیدگاه کاربران
alireza5zamani@gmail.com

اوف عالیه
افا اینا رد با برنامه میسازید بعدا کد رو برمیدارین یا از همون اول کده؟ 😯

محمد اسفندیاری

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

ایمان

سلام خسته نباشید
من اینو رو سایت خودم قرار دادم کار میکنه اما متن ها بصورت پوزیشن رلیتیو میشه میاد رو بکگراند !
میشه راهنمایی کنید ؟ 🙁

محمد اسفندیاری

آدرس بدین ببینم

وحید صالحی

مقدار z-index متون رو برابر 0 قرار بدید

نیاز به لاگین

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