CIP 1101 MIDTERM ACTIVITY 3 IMAGE and IMAGE MAPS (GROUP)

By Alab-ab, Escueta, & Luzano from CSAD

1. An image with a 2px border and an alternative text

Baronne de Flour Baronne de Flour

2. An image with a definite size (5"x5")

LeBronJames_Namesoundalike

3. An image with a Rounded Borders

Fire_Writing

4. An image with a Rounded top left and bottom right Borders

Lebron-used-imperm

5. An image that links to www.ue.edu.ph. Artwork source.

UE

6. An image with a float application. (Float Right)

                    Miku, Miku, you can call me Miku
                    Blue hair, blue tie, hiding in your Wi-Fi
                    Open secrets, anyone can find me
                    Hear your music running through my mind
                    
                    I'm thinking Miku, Miku, oo-ee-oo
                    I'm thinking Miku, Miku, oo-ee-oo
                    I'm thinking Miku, Miku, oo-ee-oo
                    I'm thinking Miku, Miku, oo-ee-oo
                    
                    I'm on top of the world because of you
                    All I wanted to do is follow you
                    I'll keep singing along to all of you
                    I'll keep singing along
                

7. An image with a CSS hovering effect application. (Transform & Transition)

8. Images with a CSS box shadow effect application. (Box Shadow)

9. Images with a shape-outside property. (circle)

10. Images with a shape-outside property. (ellipse)

11. Images with mask-image property, use your name and your favorite place picture for this example.

12 & 13. Image Map

Click here for Image Map