CSS3 logo with CSS3

Then I finished this. View the demo.

August 25, 2014 · 1 min · AlisterTT

HTML5 logo with CSS3

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. ...

August 24, 2014 · 1 min · AlisterTT

A image with pure CSS3

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 ). ...

August 22, 2014 · 1 min · AlisterTT

Bear kid

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=

August 11, 2014 · 1 min · AlisterTT

Tojo Nozomi

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大法好…

August 2, 2014 · 1 min · AlisterTT

Logo

A logo for this Blog (= ̄ω ̄=)

July 18, 2014 · 1 min · AlisterTT

Sketch

Made With Paper

July 18, 2014 · 1 min · AlisterTT

Sketch

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吧:)

July 13, 2014 · 1 min · AlisterTT

喵太 / にゃん太

通过iPad Adobe Ideas绘制

December 4, 2013 · 1 min · AlisterTT

Sketch

Made With Paper

November 25, 2013 · 1 min · AlisterTT