Menu
Coddy logo textTech
START LEARNING
flag En iconEnglishdown icon
Course

CSS Project - Fancy Button

In this course you will create a fully customized fancy button, like you see in your favorite websites!

Start course(it's free)View syllabus

Syllabus

2 chapters8 lessons1 project

Introduction

2 lessons
  • 01Introduction
  • 02HTML part

The CSS Project

Project6 lessons
  • 01Sizes
  • 02Colors
  • 03Border and Radius
  • 04Shadows
  • 05Hover effect
  • 06Final styling

More like this

CSS Project - Simple Loading Spinner

In this course, you will learn how to utilize CSS and HTML to build a straightforward loading spinner, which is used when loading pages or content.

  • 6
  • 1

Login Form - HTML/CSS Project

In this course you will create a simple login form using HTML and style it using CSS.

  • 7
  • 2

Bottom Navigation Bar - HTML/CSS Project

In this course you will create a simple Bottom Navigation Bar using HTML and style it using CSS. You will learn how to add simple animation using (:hover) selector in CSS.

  • 12
  • 2

HTML - Beginner site

In this course you will test your basic HTML knowledge and create your own basic site, with image and text. Are you ready?

  • 5
  • 1

HTML/CSS Challenges - Pack II

This course will challenge your knowledge of HTML and CSS in a fun and effective way!

  • 5

Frequently asked questions

How many lessons does CSS Project - Fancy Button have?

CSS Project - Fancy Button contains 8 interactive lessons you can complete at your own pace.

What does CSS Project - Fancy Button cover?

The course is organized into chapters covering: Introduction, The CSS Project.

Is CSS Project - Fancy Button free?

Yes - every course on Coddy is free to start. You can complete lessons in your browser without any downloads or signup.
Coddy programming languages illustration

Start CSS Project - Fancy Button for free

GET STARTED