بهم ریختگی متن با فرمان transform در اپرا

[saeedagha 23]

به این سایت با مرورگر اپرا نگاه کنید

زمانی که باکس نوشته ها hover می شود متن فاسی بهم می خورد ولی متون انگلیسی فرقی نمی کند

این مشکل فقط در مرورگر اپرا هست و برای بقیه مرورگرها حتی ie ! این اتفاق نمی افتد ممنون میشم اگه کسی میتونه کمک کنه راهنمایی کنه از این کد ها هم برای این کار استفاده کردم

  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);

[imanfakhar 26231]

اپرا با letter-spacing مشکل داره احتمال داره به اون مزبوط بشه کلمات را در حالتی که کشیده بشند منفک می کنه

این کد را بگذارید و تست کنید اگر باز هم منفک می شدند مقدار scale را در اون 1 کنید که در اپرا تغییری ایجاد نشه

-o-transform: scale(1.1);

[saeedagha 23]

اپرا با letter-spacing مشکل داره احتمال داره به اون مزبوط بشه کلمات را در حالتی که کشیده بشند منفک می کنه

این کد را بگذارید و تست کنید اگر باز هم منفک می شدند مقدار scale را در اون 1 کنید که در اپرا تغییری ایجاد نشه

-o-transform: scale(1.1);

مقدار 1 رو قرار دادم چون در حالت دیگر همون مشکل پابرجا بود و کلمات منفک می شدند

حالا مشکلی که به وجود اومد اینه که در کروم این قابلیت از کار افتاد

یعنی در کروم مثل اپرا scale نمیشه

آیا راهی وجود داره که فقط در اپرا این قابلیت رو غیر فعال کرد؟

[imanfakhar 26231]

ترتیب گذاشتن کدها را جابجا کن و تست بگیر یعنی وب کیت پایین تر از همه باشه و اپرا بالاتر از همه

شما کد کروم رو هم اضافه کن

  -o-transform: scale(1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);

  -khtml-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform: scale(1.1);

[saeedagha 23]

ترتیب گذاشتن کدها را جابجا کن و تست بگیر یعنی وب کیت پایین تر از همه باشه و اپرا بالاتر از همه

شما کد کروم رو هم اضافه کن

-o-transform: scale(1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);

-khtml-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform: scale(1.1);

lمیشه اصلا اینو فقط واسه اپرا غیر فعال کرد

[imanfakhar 26231]

کدی که گذاشتم دقیقا قراره اینکار را بکنه