Let's create Phineas using CSS in few simple steps😄
THREAD🧵
STEP 1. Create a head
create a triangle and rotate it so that it looks like a head
STEP 2. Create smile and ear
We have a pseudo elements in CSS, so we can create smile and ear using head::after and head::before
STEP 3. Create eyes
This is the most trickiest part because in order to make an eye we have to create
- One bigger white circle
- then a small black pupil inside white circle
- then a small white reflection in black pupil
Let's create a outer white circle first
STEP 3(I). Create a black pupil
We can create pupil using pseudo element