بناء التأثيرات المتحركة في برمجة css3 Keyframe Animation Syntax

[css]<br />@-webkit-keyframes NAME-YOUR-ANIMATION {<br /><%%KEEPWHITESPACE%%> 0% { opacity: 0; }<br /><%%KEEPWHITESPACE%%> 100% { opacity: 1; }<br />}<br />@-moz-keyframes NAME-YOUR-ANIMATION {<br /><%%KEEPWHITESPACE%%> 0% { opacity: 0; }<br /><%%KEEPWHITESPACE%%> 100% { opacity: 1; }<br />}<br />@-o-keyframes NAME-YOUR-ANIMATION {<br /><%%KEEPWHITESPACE%%> 0% { opacity: 0; }<br /><%%KEEPWHITESPACE%%> 100% { opacity: 1; }<br />}<br />@keyframes NAME-YOUR-ANIMATION {<br /><%%KEEPWHITESPACE%%> 0% { opacity: 0; }<br /><%%KEEPWHITESPACE%%> 100% { opacity: 1; }<br />}<br />[/css]

تفاصيل المقالة