Category "svg"

Concentric circles with CSS

Does anyone know how to draw concentric circles like the RAF symbol (concentric red, white and blue circles) using only CSS?

Jest Angular svg template

I have several components in my Angular 9 app that have their templates defined in svg file like templateUrl: './eye.component.svg'. When I run tests it errors

how to load Svg components in remix run application

I have some Svg files which i want to load as react components in remix run app. for example in create-react-app your could do something like this import { Rea

How are XML namespaces validated on W3C's validator?

I have two files: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="210mm" height="297mm" viewBox="0 0 210 297" version="1

How to center SVG within its container?

How does one center this SVG horizontally within .svg_wrapper? .svg_wrapper { border: 1px solid grey; width: 200px; } <div class="svg_wrapper">

CSS :before on inline SVG

Update Thanks porneL for pointing out the relation between generated content and replaced elements. I found this article which deals with this very topic: Int

Suitable tool for simple interactive web application

I want to create not complex interactive web application. It has some pinboard and user can create many simple objects on this pinboard (e.g. many small circles

JSVGCanvas svg is blurry

I have pretty much copy pasted the code from http://people.apache.org/~clay/batik/svgcanvas.html but the svg that is outputing is blurry. I have used both a fon

D3 v5 - how to set background color of text (only as wide as text)

Consider the code for some text I'm putting in some circles: var margins = {top:20, bottom:300, left:30, right:100}; var height = 600; var width = 1080

SVG Fill Color Not Working

I'm new to using SVGs and can't figure out what I'm doing wrong here. For most of them, if I want to change the color, I use: svg path { fill: blue; } Bu

SVG Fill and Filter urls from css not working on safari

I created an animation for my personal website, its working in Chrome and Firefox with no problems and I don't care about IE, but its not working on Safari, I t

SVG Path Fill Colour with CSS

I've seen lots of people posting this, and they all seem pretty happy with their answers. However I cant get my path fill to actually work, http://jsfiddle.ne

How to use z-index in svg elements?

I'm using the svg circles in my project like this, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one">

How to use z-index in svg elements?

I'm using the svg circles in my project like this, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one">