- Jun 6, 2020
- 11,593
- 4,508
[H1]افکت شناور تصویر با استفاده از CSS و HTML پاپ آپ[/H1]
CSS نقش مهمی در ساخت وب سایت و همچنین در جذاب کردن آن با استفاده از یک قطعه کد ساده ایفا می کند. در این مقاله میخواهیم یک افکت شناور تصویر پاپآپ ساده را با استفاده از CSS ببینید و امیدوارم این مطلب برای شما مفید باشد. این باعث افزایش جذابیت برای تصاویر در گالری ها می شود و کاربر را به سمت آن می کشاند.
در کد CSS بالا، " #pop_up " نقش مهمی را با تخصیص مقدار پرسپکتیو ایفا می کند که تعیین می کند یک عنصر سه بعدی چند پیکسل از نمای قرار می گیرد. و هنگام شناور کردن تصویر از ویژگی " transform " برای تعریف حرکت در محور X,Y,Z استفاده می شود. تغییر این مقادیر می تواند به تصویر اجازه دهد تا در محورهای مختلف ظاهر شود.
برای دیدن لینک ها باید ثبت نام کنید
CSS نقش مهمی در ساخت وب سایت و همچنین در جذاب کردن آن با استفاده از یک قطعه کد ساده ایفا می کند. در این مقاله میخواهیم یک افکت شناور تصویر پاپآپ ساده را با استفاده از CSS ببینید و امیدوارم این مطلب برای شما مفید باشد. این باعث افزایش جذابیت برای تصاویر در گالری ها می شود و کاربر را به سمت آن می کشاند.
محتوای این بلوک پنهان فقط برای کاربر فعال, کاربر ویژه, کاربر ویژه برنزی الکترونیک, کاربر ویژه طلایی الکترونیک, کاربر ویژه نقره ای الکترونیک, کاربر ویژه پلاس الکترونیک قابل مشاهده است.
در کد CSS بالا، " #pop_up " نقش مهمی را با تخصیص مقدار پرسپکتیو ایفا می کند که تعیین می کند یک عنصر سه بعدی چند پیکسل از نمای قرار می گیرد. و هنگام شناور کردن تصویر از ویژگی " transform " برای تعریف حرکت در محور X,Y,Z استفاده می شود. تغییر این مقادیر می تواند به تصویر اجازه دهد تا در محورهای مختلف ظاهر شود.
محتوای این بلوک پنهان فقط برای کاربر فعال, کاربر ویژه, کاربر ویژه برنزی الکترونیک, کاربر ویژه طلایی الکترونیک, کاربر ویژه نقره ای الکترونیک, کاربر ویژه پلاس الکترونیک قابل مشاهده است.