To improve user experience and make navigation clearer it’s worth customising the link style based on the type of file they link to. This way users can see what type of file they will download or what kind of content the link will lead to before they even click on it. In this post we’ll show you how to do this with CSS, for different file types like PDFs, ZIPs, emails and external HTTP links.
See the following Codepen for a demo:
Full article: https://snippflow.com/snippet/custom-link-styles-based-on-file-type/
CSS Snippets
Top comments (0)