![]() So if you want to support some current and older browsers use this prefixes. Note that we set the same property five times, this is required because this property is not fully implemented in all browsers yet, and as this property is on testing, all the different browsers use a prefix before the property. ![]() To keep the styles transitions smooth we’ll add a CSS3 transition. We’ll also set a background color and a left and right border. Then we’ll set the typography styles such as font size, color, text shadow, etc. We will start with the common styles like padding, height, position, etc. ![]() ![]() Then we will add some basic styles to the menu container and float the list items to the left in order to show them on the same line. Īs the default styles of the browsers differ from each other, we’ll add some reset styles to keep consistency between them and avoid future issues.Related CategoriesIf you want the menu item to be a mega menu just add a inside of the. Create an unordered list with the class “nav” ( ), then for each menu item we will add a new list item ( ) with an anchor tag ( ) inside.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |