semi transparent circle

[CSS] CSS draws rectangles, circles, semi-circles, arcs, semi-circles, small triangles, question boxes, and css rectangles. In web pages, various icons are often used. If you are always in trouble designing lion images, you may feel a little

Final The procedure is as follows: 1. create a new file 120x80 in photoshop5.5 (or later), set it to transparent (transparent), set layer1 to white, add a layer, and create a 40x40 circle, fill the color in the center of the page #003366, and

In the above case, I only gave the most original rounded corner frame model, but it still has some shortcomings. For example, you cannot apply an image to a rounded corner. In this example, I will make some innovations based on the above. The

03 -- css shape -- css secrets, 03 -- css secrets Shape An adaptive elliptic 1. Difficulties1> circleYou may have noticed that setting a border-radius sufficiently large for any square Element,You can turn it into a circle. The CSS code used is as

Reprint Link: http://www.w3cplus.com/css/css-simple-shapes-cheat-sheet In front of the "graphic effect of pure css", the article introduced 16 kinds of CSS to draw various different graphics methods. It took a little time today to make a list of

SVG provides many basic shapes. These elements can be used directly, which is much better than canvas. I will not talk about them here. Interested friends can understand it, this article may be helpful for drawing SVG images. Basic shape SVG

Basic shapeSVG provides many basic shapes that can be directly used by these elements, which is much better than canvas. Let's just look at the example. This is the most direct: Stroke = "orange" fill = "transparent" stroke-width = "5"/> Stroke =

This article mainly introduces the use of pure CSS to achieve pie-like loading wait graph effect, with a certain reference value, interested in small partners can refer to Write in front Before encountering a small exercise, is to use pure CSS3 to

This article will briefly describe the use of CSS3 's Border-radius to draw circles, semicircular and One-fourth circles, and how to use them.How to use the Border-radius propertyThe following are the most basic ways to use the Border-radius

The author divides the icon into two major parts: bubble and landscape. The bubble part should first make the selection area, use the transparent gradient to pull the light fade, and manually add some highlights in the middle part. the landscape