icon

This is practice page!

instagram Twitter Twitter youtube youtube

【original picture】

pinky

【border-radius: 20px;】

cut the corners

pinky

【border-radius: 50%;】

make the pic to circle

pinky

【:hover】

make it bigger when the cursor is on the pic

pinky

【:hover】

make it smaller when the cursor is on the pic

pinky

【:active】

make it bigger while click on the pic

pinky

【:active】

make it smaller while click on the pic

pinky

【:click】

make it different color after click on the pic

【:double click】

make it different color after double click on the pic

【:click】

make it different color and circle after click on the pic

【:click】

add animation
transition: 1.0s;

【:click】

add spin
transition: 1.0s;

【accordion】

click + → open text box

+
Thanks for visiting my practice page!!