نمونه کد اتصال به دیتابیس

محاسبه طول پسورد

کدنویسی وردپرس

نمونه فرم کامل تماس

محاسبه قیمت به زبان php

صفحه سفید در وردپرس

غیرفعال کردن افزونه

ریدایرکت 301

قالب صحیفه

ریدایرکت به https

تابع چک کردن زوج یا فرد

backface-visibility

۱۸ دی ۱۳۹۴ | 0 نظر | لینک کوتاه | css, properties, آموزش, المان های CSS

خصوصیت backface-visibility شبیه انتقال سه بعدی است . با این خصوصیت می توانید یک المان را بچرخانید :

.flip {
  transform: rotateY(180deg);
}

در هنگام چرخش یک عنصر به صورت پیشفرض backface-visibility فعال هست که نیاز هست آنرا hidden نمایید ( اهمیت این مورد در دو مثال آخر این آموزش )

.flip {
  transform: rotateY(180deg);
  backface-visibility: hidden;
}

یک مثال ساده :

این مورد برای وقتی می خواهید افکت ۳ بعدی ایجاد کنید مناسب است :
به دو مثال زیر دقت داشته باشید .
در مثال اول در کلیه مرورگرها بدون مشکل کار می کند.

در مثال دوم در مرورگرهایی که از موتور webkit استفاده می کنند با اشکال نمایش داده می شود :

مقادیر قابل تعریف :

visible : مقدار پیشفرض و المان نمایش داده می شود وقتی که به سمت صفحه نمایش نباشد

hidden :المان نمایش داده نمی شود وقتی که به سمت صفحه نمایش نباشد

inherit : خصوصیت را از المان والد خود ارث می برد 

initial : مقدار را به صورت پیشفرض که همان visible هست ست می کند

چه مرورگرهایی از این خصوصیت پشتیبانی می کنند ؟

Chrome Safari Firefox Opera IE Android iOS
۱۲+ ۴+ ۱۰+ ۱۵+ ۱۰+ ۳٫۰+ ۲٫۰+

دیدگاه بگذارید

Be the First to Comment!

Notify of
avatar
wpDiscuz