Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Sliding Sign In & Sign Up Form

Traversy Media via YouTube

Overview

Create an animated sign-in and sign-up form using CSS and JavaScript in this 32-minute tutorial video. Learn to style the HTML body, container, forms, input fields, buttons, and overlay elements. Implement smooth transitions and animations for an engaging user interface. Follow along to build a sliding form that switches between sign-in and sign-up modes, inspired by Florin Pop's design. Gain practical skills in front-end web development and enhance your ability to create interactive user authentication interfaces.

Syllabus

Intro
HTML
Body Styling
Container Styling
Form Styling
Input Fields
Input Container
Button
Form Container
Styling Forms
Overlay Container
Transition
Overlay
Text
Overlays
Panel
Overlay Left
Sign Up Button

Taught by

Traversy Media

Reviews

Start your review of Sliding Sign In & Sign Up Form

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.