When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Creative coding: Create CSS collage

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon44 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Creative coding: Create CSS collage

Create CSS Collage – intro

Tools

HTML & CSS

Clip-path – basic shapes

Clip-path – exercise

Clip-path – url function

Clip-path – glitter exercise

Masking

Masking – part 2.

Final exercise – Water Collage

Exercise bonus

What You Will Learn?

  • If you have ever thought that CSS is used only for positioning and coloring elements, I’m going to show you that it’s an enormously creative tool.In these classes we’re going to create some cool CSS effects, which you can later on implement on your website. .
  • Explore fun & creative coding with Aga Naplocha–coding designer, currently working at Adobe and co-organizer of The Awwwesomes workshops. You will learn step-by-step how to use CSS properties such as mask-image or clip-path to create really creative effects on the Web. .
  • Don’t worry if you don’t have experience with coding! You will have fun as well and be able to do the exercises. The course is adjusted to people with different coding levels. .
  • By the end, you will be able to create collage in your web browser. Practice makes master, so the course includes set of exercises..
  • The course is destined for:.
  • Visit my other classes on creative coding:.