CSS3 logo with CSS3
Then I finished this. View the demo.
Then I finished this. View the demo.
I’ve drawn the HTML logo by following the tutorial HTML5 logo using CSS3 this afternoon. It looks a little complex but actually easy.Let’s put the code into parts. The text ‘HTML’; The wrapper itself, contains the whole logo; The ’#five’ div mainly defines the color of 5 and puts the 5 above the other divs. Put the divs ‘top’…’left-bottom’ together to creat the number 5. The Pseudo-classes ‘wrapper:before’ and ‘wrapper:after’ mainly defines the shape of the shield (The bigger one in deep orange). The Pseudo-classes ‘inner:before’ and ‘inner:after’ defnes the shape of the shield in light orange.This shield is in the same size as the deepper one, but the property ‘transform: scale(0.85)’ of the class inner make this shield smaller. The class ‘inner left’ contains all the properties of the class ‘inner’.It shows half of the bigger shield in the left above the div of the smaller shield: .inner.left {<br /> width: 170px;<br /> overflow: hidden;<br /> -webkit-transform: scale(1);<br /> } The class ‘inner left cover’ mainly adjusts the color of 5 in the left. Fine, that’s all of it. ...
I’ve been learning CSS3 recently.This image was finished by following the tutorial Happy Holidays with CSS3. In this tutorial, I learned: How to use the function linear-gradient. Something about the Position property, especially ‘position:absolute’. How to make circles and triangles in CSS3, and put them into layers like Photoshop. The turorial was very helpful which let me improve a lot ( Although the image is simple and not very beautiful:D ). ...
Mum, the guys don’t play with me cause I’m a bear kid. In China, the ‘wild kid’ is also called ‘bear kid’ here. My brother is a typical ‘bear kid’.He is over 12 years old but with poor EQ =w=
I’ve tried to use Clip Studio Paint to finish this work. Although the software still has some bugs, it’s easy to use:) PS: The girl is Tojo Nozomi in the anime Love Live! LL大法好…
A logo for this Blog (= ̄ω ̄=)
Made With Paper
Recently my AI crushed ,so I had to use a plug-in to boot AI. Now I’m learning Sketch (app) and find it efficient:) 话说前两天AI出现问题挂掉了,现在每次都得通过一个插件来引导启动,很不习惯,寻思刚好趁机学习一下Sketch吧:)
通过iPad Adobe Ideas绘制
Made With Paper