Blue HTML5 logo

24Nov2016

HTML5 logo implemented with pure css

17Jan2024

Today, Youku officially announced that it has updated its logo, changing it from the previous "red and blue" to "blue and orange", but the meaning of the new logo has not yet been explained. This update is to better adapt to market demand, better convey the brand concept, and better enhance the brand image. The color combination of the new logo is fresher and brighter, and more in line with the aesthetic needs of young people. Youku will continue to be committed to providing better video content and services to bring users a better viewing experience. ▲New logo▲Original logo I believe many friends on this site have the impression that Youku has changed its logo many times since its establishment. For example: Youku conducted a logo update in 2019. They changed the original gradient pattern to a red and blue color scheme with a slightly faded effect, and added it in "YOUKU"

22Aug2023

In the next article, we will learn how to draw SVG logo in HTML5. Before we start reading the article, let’s discuss a few things about SVG. Scalable Vector Graphics (SVG) is an image format that uses vector data. Unlike other formats, SVG does not use unique pixels to construct an image, but instead uses vector data. The best thing about using it is that using SVG you can create images that adapt to any resolution, which makes them ideal in web design and many other applications. Let's look at a simple example to better understand the Chinese translation of SVGExample as: Example

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!

16May2016

This article mainly introduces you to a great multi-view 3D rotatable HTML5 Logo animation, which can be rotated infinitely, so that the HTML5 Logo can be observed from multiple perspectives. Interested friends can refer to it.

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

04Mar2017

This is a 3D animation special effect based on HTML5 and CSS3. Different from the previous 3D special effects, this one is completely implemented using HTML5 features instead of superimposing multiple pictures. Another feature of this 3D animation is that it can be rotated infinitely, so that the HTML5 Logo can be observed from multiple perspectives. Online demo source code download HTML code