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

Learn Code by Creating Art: Developing CSS Skills in CodePen

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

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 7 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Learn Code by Creating Art: Developing CSS Skills in CodePen

Introduction

Class Project

Getting Sassy

Framing it In

Pseudo Elements

Clip-Path and Border Radius

Adding Depth With Box-Shadow

Transforms and Transitions

Using SVG

CSS Animations

Wrapping it Up

What You Will Learn?

  • In this class we will enhance your CSS knowledge in a fun and creative way. You will learn intermediate and advanced CSS while creating an art project you will be excited to share with others. My CSS image collection on CodePen is what helped me get a job as a developer.  As we create art, some of the things we will go over are how to get started with Sass, pseudo elements, clip-path, box shadow, transforms and transitions, animations and more..
  • This class is for students looking for a fun way to learn intermediate to advanced CSS..
  • Students should know basic HTML and CSS. We will be using a free resource called CodePen for our project.You can get the starter code, finished code for each video and needed SVG for our project in the class collection: https://codepen.io/collection/DEWYxZ/.