Học CSS qua ví dụ Angry Birds rất hay cho sinh viên

30th Apr 2022
Table of contents

Who doesn’t love Angry Birds? They started as a game and somehow got their own movie after puncturing pop culture.

Download phía dưới

And this pen by Rachel Bull proves that the Angry Birds can even find their way into CSS.

Ironically there is one image on this page, and it’s used to embed the custom type at the very top. Every other element from the curves of those birds to the custom gradients all run on pure CSS.

Maybe not the most practical code snippet but certainly an inspiration.

Angry Birds Font

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 .

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.

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