Tập tành học CSS và HTML qua ví dụ Princess Zelda

1st May 2022
Table of contents

I’ve saved the best for last with this Zelda character design. She’s a bit short in the legs but overall the style is accurate.

Developer Charlie Marcotte uses Sass and custom CSS transforms to arrange all the elements. Plus the raw HTML is simplified quite a bit thanks to the Pug preprocessor.

If you’re trying to push the limits of your CSS knowledge why not take up a similar project? It’s a great way to test your skills, and you can always share whatever you build in the comments below.

Link download phía dưới

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Attach

Add new comment

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Image CAPTCHA
Enter the characters shown in the image.
Câu nói tâm đắc: “Điều tuyệt với nhất trong cuộc sống là làm được những việc mà người khác tin là không thể!”

Related Articles

To disable clicking inside a div with CSS or JavaScript, we can set the pointer-events CSS property to none .

Built around the Pokemon Go phenomenon is this pure CSS Eevee made by David Khourshid.

There’s a lot of great Sass logic in the CSS, and if you’re a dev nerd, you’ll enjoy poking around this pen. Both the code and the result are glorious.

Here’s another character design by Rachel Bull, this one featuring Family Guy’s Brian Griffin.