round css3 logo

20Aug2016

Provide various official and user-released code examples and code references. Everyone is welcome to exchange and learn.

27Mar2017

This is a round button made using CSS3. The effect looks very simple, but in fact the production is also very simple, mainly using the radial gradient and the ICON effect achieved by @font-face. Of course, it also does not include embellishment effects with other attributes, such as those made by box-shadow. Shadows, animation effects produced by transition, etc.

03Jun2017

Shopping mall websites often use some button materials. Commonly used button materials include buy now, add to shopping cart, buy now, click to follow, receive coupons immediately, etc. The following php Chinese website selects 10 buttons that must be used on shopping mall websites. Material png pictures, including psd files, welcome to download!

11Jan2018

This article mainly introduces the relevant information on how to draw a round loading circle in CSS3. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor to take a look, I hope it can help everyone.

28Apr2024

Create a new composition. In the composition properties window, set the width to 1024, the height to 768, the frame rate to 25, and the duration to 5 seconds. Import the material, press the shortcut key ctrl+I, select the required material file, click to open, then drag [Background.jpg] to the timeline window, and set the zoom to 78%. Cut out the background and final composition, drag [Portrait.jpg] above the [Background.jpg] layer in the timeline window, and set the zoom to 78%. Search for the [Color Key] effect in the Effect 4 preset panel, then drag it to the [Portrait.jpg] layer, and then set the relevant parameters in the Effect Settings panel. Drag the [01.png] material into the timeline window and set the zoom to 78%. Final work effect

17Apr2024

Find a picture of a mobile phone in your hand, and then process the picture in PS. The main thing is to remove the black part of the mobile phone screen and make it transparent. Then save the picture in png format, and then export it. At this time the picture material is ready. Import the material pictures into EDIUS, and also import a video that we want to put on the mobile phone. Then drag them to the timeline and select the video material. Enter its video layout page in the information window. The picture above has been adjusted. When opened normally, the size of the video material is larger than the mobile phone screen. This is when adjustments are needed. The main purpose of this step is to make the size and tilt of the video playback fit the mobile phone screen. I patiently adjusted it slowly using the cropping and selection tools. After adjusting, select the

12Jun2024

1. First draw a vertical line. 2. Use the pen tool to draw a V shape and place it at the head of the vertical line, as shown in the picture. 3. Copy the V shape, adjust the size and position, and align the three shapes in the center, as shown in the picture. 4. Select all three graphics, click the Properties panel, and adjust the endpoints of the stroke to round heads. 5. Draw a stroked circle at the bottom of the vertical line. 6. Select the three shapes except the circle and right-click to group them. 7. Keep it selected, click the Rotate tool in the toolbar, and drag the center point to coincide with the center point of the circle. 8. Enter the angle 60° in the pop-up dialog box and click the copy button to make a copy of the graphic around the center of the circle. 9. Click the shortcut key ctrl+d on the keyboard, repeat the previous step, and continue to copy 4 more. 10. Snowflake

06Feb2024

I'm trying to make a two line progress bar with mpb. Let's say I have a slice containing absolute paths to files. list:=[]string{"c:\temp\01.png","c:\temp\02.png","c:\temp\03.png","c:\temp\test.png" ,"c:\temp\test01.png"} I want it to display like this: processing01.png...0/5[]0%processing02.png...1/5[==