大约有 10,336 项符合查询结果（耗时：0.0332秒） [XML]
Control the dashed border stroke length and distance between strokes
... and the distance between them. They are described below:
Method 1: Using SVG
We can create the dashed border by using a path or a polygon element and setting the stroke-dasharray property. The property takes two parameters where one defines the size of the dash and the other determines the space ...
Change color of PNG image via CSS?
...ys there are easy to use online apps to help you create a webfont from an (svg) image.
– yvan vander sanden
May 26 '15 at 13:25
...
Indent starting from the second line of a paragraph with CSS
...first word in a para. A cumbersome one-off solution is to place text in an SVG element and position this the same as an <img>. Using float and the SVG's height tag defines how many rows will be indented e.g.
<p style="color: blue; font-size: large; padding-top: 4px;">
<svg height="44...
What are the different usecases of PNG vs. GIF vs. JPEG vs. SVG?
...ge you can.)
Just like PNG-8, PNG-24 supports alpha-transparency, too.
SVG - Lossless / Vector
A filetype that is currently growing in popularity is SVG, which is different than all the above in that it's a vector file format (the above are all raster). This means that it's actually comprised o...
IE9 border-radius and background gradient bleeding
...lipped correctly to the border radius in IE9. This is lighter weight than SVG-based proposals but as a downside, is not resolution-independent. Another advantage: works with your current HTML/CSS and does not require wrapping with additional elements.
I grabbed a random 20x20 gradient PNG via a w...
Gray out image with CSS?
...rc="img.jpg" /></a>
Css Gray:
img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/>...
difference between iframe, embed and object elements
...lement")
Used to embed content for browser plugins. Exceptions to this is SVG and HTML that are handled differently according to the standard.
The details of what can and can not be done with the embedded content is up to the browser plugin in question. But for SVG you can access the embedded SVG d...
Maintain the aspect ratio of a div with CSS
...stumbled upon what I consider a smart solution for this problem, using <svg> and display:grid. Here I am, reading through all answers - none mentioning it.
A display:grid element allows you to occupy the same space with two (or more) of its children, using the same grid-area.
This means means ...
SVG get text element width
I'm working on some ECMAScript/JavaScript for an SVG file and need to get the width and height of a text element so I can resize a rectangle that surrounds it. In HTML I would be able to use the offsetWidth and offsetHeight attributes on the element but it appears that those properties are...
Font scaling based on width of container
...
Solution with SVG:
.resizeme {
resize: both;
margin: 0;
padding: 0;
height: 75px;
width: 500px;
background-color: lightblue;
overflow: hidden;
}
<div class="resizeme">
<svg
width="100%"
hei...