Skip to main content

Styles

CSS @keyframes Rule

What is a @keyframes in CSS3? The @keyframes rule is used to create animations. In general, an animation in CSS3 is defined as changing from one CSS style to another. Structure: @keyframes name { selector { styles ; } } Property Values: name – it’s specifies the name of the animation. (required) selector – it’s specifies that percentage of the animation duration.(required) Possible Value: 0 – 100%

Borders

Introduction: This is the fourth part in my CSS Styling tutorials, in which I will be covering Borders. Order: Borders around elements come between the elements margin and padding. So, if the element has padding, the border will be away from the element whereas if the element only has margin, the border will be next the element but away from other elements. Basic Structure: The basic border attribute takes three arguments; Width, Type, Colour.