You can add animations by specifying key frames in your CSS stylesheet. Use the @keyframe query to create and add key frames of your animation. The key frames are specified using the usual CSS selectors and properties. The position on the timeline of each key frame should be specified by the progress of the animation in percentage for, e.g. 10% if it the frame should be display at 10% of animation.
Formatting HTML is easier with CSS3. You can change the column count of the content of a webpage with column-count and column-width properties. Webkit and Gecko based browsers use the -webkit-column-count, -webskit-column-width and -moz-column-count, -mo-column-width respectively.
Responsive design involved using CSS3 features. You need to use media queries to specify how a page should be displayed for set screen resolutions. Specify the screen resolution cases by using @media (max-width: x px) and (min-width y px), where x and y are the resolutions you want to specify.
Then you add the opening bracket, write the CSS specifications using the usual CSS selectors and properties and then add the close bracket.
Other transformations include rotations.
CSS3 is compatible with the latest versions of Firefox, Chrome, and Internet Explorer.
CSS3 is much better than previous versions of CSS. You should adopt it on your website.
No comments:
Post a Comment