لعل بعضنا يوماً ما انشأ موقعا أو قالبا خاصاً به ولكنه لم يكن متوافق مع جميع المتصفحات ,لذلك قمت بجمع بعض الأكواد من موقع 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
التعليقات