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



visibility  
mode_comment   ۵

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

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

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

کدهای HTML :

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

کدهای CSS :

کدهای Javascript :

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

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

Source

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
comment دیدگاه کاربران
alireza5zamani@gmail.com replyپاسخ

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

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

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

ایمان replyپاسخ

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

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

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

وحید صالحی

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

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :