User Tools

Site Tools


software:css

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
software:css [2026/08/08 17:43] – created - external edit 127.0.0.1software:css [2026/08/08 18:11] (current) – external edit 127.0.0.1
Line 1: Line 1:
-just [found](https://css-irl.info/styling-external-links-with-attribute-selectors/) a way to add the external anchor image to links with `target="_blank"` via CSS: 
  
-``` +a way to add the external anchor image to links with ''target="_blank"'' via CSS: 
-a[target='_blank']::after {+ 
 +  a[target='_blank']::after {
   content: '';   content: '';
   display: inline-block;   display: inline-block;
Line 11: Line 11:
   background-size: 100%;   background-size: 100%;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
-} +  } 
-```+ 
 +(from https://css-irl.info/styling-external-links-with-attribute-selectors/)
  
software/css.1786210993.txt.gz · Last modified: by 127.0.0.1

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki