Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Showit Shortcuts
GETTING STARTED
Welcome! Start Here 😊 (4:11)
Overview + Showit Template Access (3:24)
Code Basics – HTML, CSS, and JavaScript (6:31)
Intro to Coding in Showit (5:58)
Creating Client-Friendly Code (4:39)
CSS Cheat Sheets
BLOG CUSTOMIZATIONS
Styling Post Titles on the Blog Page (7:47)
Styling Blog Post Elements (21:38)
True Bold (4:16)
BUTTON EFFECTS
Intro to Button Effects (6:40)
Button Hover Effect #1 – Outline Fill (21:13)
Button Hover Effect #2 – Change Color (8:03)
Button Hover Effect #3 – Fun Border (10:42)
Button Hover Effect #4 – Float (7:35)
Button Hover Effect #5 – Wiggle (9:06)
Button Hover Effect #6 – Glow (6:10)
MENUS
Drop-Down Menu on Hover (37:16)
Split Screen Mega Menu [NO CODE] (6:28)
ANIMATED UNDERLINE EFFECTS
Intro to Animated Underlines (3:55)
Grow Left-to-Right Underline (13:21)
Grow From Center Underline (2:53)
Wavy Underline (11:44)
Underline to Highlight (9:39)
Half to Full Highlight (3:42)
Adding Underline Effects to Blog Posts (9:07)
SCROLLING EFFECTS
Horizontal Scrolling Page (22:40)
Horizontal Scrolling Canvases (22:10)
Half & Half Scrolling (6:09)
TEXT ANIMATIONS
Spinning Circle Text (13:36)
Infinite Text Marquee (11:56)
Typewriter Effect with Changing Text (14:33)
Typewriter Effect with Static Text (6:55)
IMAGE EFFECTS
Image Marquee (11:47)
Image on Hover (19:55)
Before & After Slider (18:53)
Hover to Scroll for Mockups (23:40)
TIMERS & COUNTDOWNS
Countdown Timer (12:46)
Animated Number Counter (12:33)
MISCELLANEOUS FANCY FEATURES
Page Preloader (7:32)
Custom Cursor (3:25)
Gradient Background Animation (4:51)
Pop-Ups On Click + On Scroll [NO CODE] (6:27)
FAQ Toggles [NO CODE] (7:16)
THANK YOU!
Wrap-Up + Final Steps
Button Hover Effect #5 – Wiggle
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock