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
Bạn thấy bài viết này như thế nào?
0 reactions

Add new comment

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

SASS/SCSS là một chương trình tiền xử lý CSS (CSS preprocessor). Nó giúp bạn viết CSS theo cách của một ngôn ngữ lập trình, có cấu trúc rõ ràng, rành mạch

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.