backface-visibility

چرا تنظیم کردم اما نمیشه!!

فایل من رو تست کردید مشکلی نداشت؟

با سلام

.back-card {

background-color: #2980b9;

color: white;

transform: rotateY(180deg);

z-index: 1;

• backface-visibility: hidden;

*

}

من این رو در فایل css شما وارد میکنم تگ p , h نمایش داده نمیشن وقتی عکس می چرخه نمایش داده می شن.

با عرض معذرت اگه مقدوره بیشتر توضیح بدید دقیقا چه اتفاقی قراره بیفته رو تصویر شاید بهتر بتونم جوابتون بدم.

ممنون از راهنماییتون

من position and transform رو هم set میکنم

اما نوشته ای که میخوام مشخص نمیشه

معذرت چرا لطف دارید دارین راهنمایی میکنید.

من میخوام عکسم که چرخید نوشته رو نشون بده

اما این اتفاق نمیفته چیزایی که میگید رو انجام میدم نمیدونم چرا نمیشه

خب الان شما عکس تو فایل بالایی که لینکش گذاشتم میچرخه نوشته ها رو بهتون نشون میده مگه همین مد نظر شما نبود؟با مرورگر فایر کروم اج تست کردم هر ستا اوکی هستند

با سلام و درود

مهندس فک کنم مقدار transform: رو واسه آیتمت تنظیم نمیکنی!!!

<p id="div1" style="background-color: #ddd; width: 200px; height: 100px; transform: rotateY(90deg); backface-visibility:hidden;">

hello

</p>

تست کردم مشکلی نداشت!

عکس که چرخید نباید مشخص بشه میخوام فقط نوشته visible بشه

اما اینطور نمیشه

فایل خودم همین مشکل رو دداشت دیگه!

ممنون

آقای حسین فقط باید

transform-style:preserve-3d;

این رو اضافه می کردم که من این دستور رو نمیدونستم

مرسی که کمک کردید.

با چه browsers شما تست میکنید چه versions?

backface-visibility:hidden رودر قسمتی قرار بدهید که Transform هم باشه

در مرورگر گوگل ، فایر ، ماکروسافت هر دوتا.

داخل هر چهار تا کار میکنه

position:absolute;

left:-9999px;

-

visibility:hidden

-

display:none

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

-----------------------

اگر هم میخواهید از bootstrap استفاده کنید و کلاس های d-none visible invisible

فقط هنگام استفاده از d-none تگ مورد نظر مخفی میشه و مابقی شیفت داده میشن و جای خالی رو پر می کنن.

ولی درکلاس invisible تگ نمایش داده نمیشه و جاش سفید خالی میمونه.