Primer CSS On hover Link Last Updated : 19 Apr, 2022 Comments Improve Suggest changes Like Article Like Report Primer CSS is a free open-source CSS framework that is built upon the GitHub design system to provide support to the broad spectrum of Github websites. It creates the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by object-oriented CSS principles, functional CSS, and BEM architecture. It is a highly reusable model. Primer CSS offers an On hover link, that is used to turn any text color to blue when an on hover event is triggered. Primer CSS On hover Link classes: Link--onHover: This class is used to turn the text color to blue on hovering the text. Syntax: <a class="color-fg-muted no-underline" href="#"> ... <span class="Link--onHover">...</span> </a> Example 1: Below example illustrates the use of Primer CSS On hover Link using Link--onHover, no-underline, and color-fg-danger classes. HTML <!DOCTYPE html> <html> <head> <title>Primer CSS Links On hover</title> <link rel="stylesheet" href= "https://unpkg.com/@primer/css@^19.0.0/dist/primer.css" /> </head> <body> <center> <h1 style="color:green">GeeksforGeeks</h1> <h3>Primer CSS Links On hover</h3> <a class="color-fg-danger no-underline" href="www.geeksforgeeks.org"> GeeksforGeeks <span class="Link--onHover"> This part becomes blue and underlyned on hover. </span> </a> </center> </body> </html> Output: Primer CSS On hover Link Example 2: Below example illustrates the use of Primer CSS On hover Link using Link--onHover, no-underline, and color-fg-success classes. HTML <!DOCTYPE html> <html> <head> <title>Primer CSS Links On hover</title> <link rel="stylesheet" href= "https://unpkg.com/@primer/css@^19.0.0/dist/primer.css" /> </head> <body> <center> <h1 style="color:green">GeeksforGeeks</h1> <h3>Primer CSS Links On hover</h3> <a class="color-fg-success no-underline" href="www.geeksforgeeks.org"> GeeksforGeeks, is an computer Science portal. <span class="Link--onHover"> I become underline-blue on hover. </span> </a> </center> </body> </html> Output: Primer CSS On hover Link Reference: https://primer.style/css/components/links#on-hover-link Comment More infoAdvertise with us Next Article Primer CSS On hover Link T thacker_shahid Follow Improve Article Tags : Web Technologies CSS Primer-CSS Primer-CSS Component Similar Reads Primer CSS Header-Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Links Primer CSS is a free and open-source CSS framework. It is built upon the systems that create the foundation of the basic style elements such as spacing, typography, and colour. Created with GitHub’s design system, it is highly reusable and flexible.Primer CSS Links are used to decorate links in the 3 min read Primer CSS Nested Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Muted Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Primary Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Marketing Links Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Header Primer CSS is a free open-source CSS framework that is built upon a GitHub design system to provide support to the broad spectrum of GitHub websites. It creates the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are stead 3 min read Primer CSS Navigation Primer CSS is a free open-source CSS framework that is formed upon systems that establish the foundation of the basic style elements such as spacing, typography, and color. This systematic structure ensures our patterns are stable and interoperable with every other. Its approach to CSS is inspired b 6 min read How to Write a:hover in Inline CSS? The :hover pseudo-selector in CSS enables you to modify the style of elements when a user hovers their mouse over them. This selector is widely used to improve user experience by adding visual feedback on elements like buttons, links, images, or any interactive items on a webpage. For the :hover eff 2 min read Primer CSS Dropdown Primer CSS is a free and open-source CSS framework that is built using the GitHub design system for providing support to the broad spectrum of GitHub websites. It helps in creating the foundation of the basic style elements such as spacing, components, typography, color, etc.Dropdowns are lightweigh 4 min read Like