- Jun 6, 2020
- 11,593
- 4,508
[H1]چرخش عمودی تصویر با استفاده از CSS و HTML[/H1]
افکتهای شناور چرخاندن تصویر میتوانند در مواردی که نیاز به نمایش تصاویر دوگانه در مورد یک موضوع یا محصول خاص در یک نقطه داشته باشیم، بسیار مفید باشند. این افکت شناور تصویر را می توان به راحتی با استفاده از CSS و HTML ساده پیاده سازی کرد.
ویژگی " transform:rotateX(-180deg) " تصویر جلویی را تا 180 درجه برمی گرداند و هنگامی که ظرف شناور می شود، تصویر پشتی نمایان می شود. " backface-visibility:hidden " برای پنهان کردن تصویر جایگزین استفاده می شود تا یک تصویر واحد در یک لحظه نمایش داده شود.
برای دیدن لینک ها باید ثبت نام کنید
افکتهای شناور چرخاندن تصویر میتوانند در مواردی که نیاز به نمایش تصاویر دوگانه در مورد یک موضوع یا محصول خاص در یک نقطه داشته باشیم، بسیار مفید باشند. این افکت شناور تصویر را می توان به راحتی با استفاده از CSS و HTML ساده پیاده سازی کرد.
محتوای این بلوک پنهان فقط برای کاربر فعال, کاربر ویژه, کاربر ویژه برنزی الکترونیک, کاربر ویژه طلایی الکترونیک, کاربر ویژه نقره ای الکترونیک, کاربر ویژه پلاس الکترونیک قابل مشاهده است.
ویژگی " transform:rotateX(-180deg) " تصویر جلویی را تا 180 درجه برمی گرداند و هنگامی که ظرف شناور می شود، تصویر پشتی نمایان می شود. " backface-visibility:hidden " برای پنهان کردن تصویر جایگزین استفاده می شود تا یک تصویر واحد در یک لحظه نمایش داده شود.
محتوای این بلوک پنهان فقط برای کاربر فعال, کاربر ویژه, کاربر ویژه برنزی الکترونیک, کاربر ویژه طلایی الکترونیک, کاربر ویژه نقره ای الکترونیک, کاربر ویژه پلاس الکترونیک قابل مشاهده است.