لعل بعضنا يوماً ما انشأ موقعا أو قالبا خاصاً به ولكنه لم يكن متوافق مع جميع المتصفحات ,لذلك قمت بجمع بعض الأكواد من موقع W3schools وقمت بالبحث مراراً للوصول إلى هذا النتيجة

وهذه الأكواد يمكنكم حفظها في ملف خارجي والإطلاع عليها وقت الحاجة :

في البداية نذكر بكيفية جعل الموقع متوافق مع المتصفحات .. إذا كان لدينا مثلا transition:0.4s; فيجب علينا أن نضيف في كود جديد إحدى هذه المعرفات قبل الكود الذي نريد استخدامه

-ms-

for internet explorer

-moz-

for firefox

-webkit-

for google chrome - safari - opera

-o-

for opera


وهكذا يكون الكود بهذا الشكل :

-webkit- ومن ثم transition:0.4s

-o- ومن ثم transition:0.4s

-ms- ومن ثم transition:0.4s

-moz- ومن ثم transition:0.4s

أخيرا نضيف الكود الأصلي بدون أي زيادات أو إضافات : transition:0.4s

الأكواد :


border-image

border-shadow

border-radius

background-size

linear-gradient

radial-gradient

repeating-linear-gradient

repeating-radial-gradient

transform

transform-origin

(two-value syntax)

transform-origin

(three-value syntax)

transform-style

perspective

perspective-origin

backface-visibility

transition

transition-delay

transition-duration

transition-property

transition-timing-function

@keyframes

animation

column-count

column-gap

column-rule

resize

box-sizing

outline-offset

align-content

align-items

align-self
@keyframes animation animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-play-state backface-visibility column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns fit
flex flex-basis
flex-direction flex-flow
flex-grow flex-shrink flex-wrap
font-feature-setting hyphens image-rendering justify-content marquee-direction
marquee-play-count
marquee-speed
marquee-style order perspective perspective-origin tab-size text-align-last text-combine-horizontal

text-decoration-color

text-decoration-line

text-decoration-style

writing-mode