YoVDO

Create a Neon Button With a Reflection Using CSS

Offered By: Kevin Powell via YouTube

Tags

Web Design Courses Computer Science Courses User Interface Design Courses

Course Description

Overview

Learn how to create a visually striking neon button with a reflection effect using CSS in this 21-minute tutorial. Explore techniques for styling the button, adding a glowing text effect, creating a button glow, and implementing a realistic reflection. Discover how to enhance the design with hover and focus styles, and gain insights into performance optimization for smooth animations. Follow along with provided code examples and timestamps to master the art of crafting eye-catching neon button designs for your web projects.

Syllabus

- Introduction
- What we're starting with
- Styling the button
- Adding the glow to the text
- Adding the glow to the button
- Adding the reflection
- Adding the hover/focus styles


Taught by

Kevin Powell

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera