In this post i would like to explain how to apply style to a link by using file type. In our web projects we can use many type of links (External link, PDF file, ZIP file, mailto, doc file, etc…) and we can style each link by link file type without using any class or id.
Styling links by file type using CSS
The HTML5 <progress> tag is used to display the progress of a task.The HTML5 <progress> element is used with javascript to display the progress of a task or process is underway.
html5 progress tag
HTML5 <details> tag is used to specify additional details or controls and these can be hidded or show on demand. Open attribute is used to define hidded or show. It can be used with the HTML5 <summary> tag to provide a heading that can be clicked to expand or collapse the details.
HTML 5 details Tag
In this post I am going to show how to create an animated navigation menu using CSS3 transition property.This kind of effect you have seen before using flash or JavaScript. Use it and make some thing better for your Navigation menu.
Animated Navigation Menu CSS3
