CSS Animation Showcase

CSS Animation Showcase featuring clip-path, filters and blend modes

A collection of advanced CSS animations featuring clip-path morphing, filter effects, and blend modes. Demonstrates modern CSS capabilities for creating engaging visual experiences.

  • CSS Animations
  • Clip-path
  • Filter Effects
  • Blend Modes

Personal Portfolio Website Design Project with Multiple Pages

My first multi-page website showcasing my skills and projects. Built with semantic HTML and responsive CSS design.

  • HTML5
  • CSS3
  • Responsive Design

SVG Animation

A digital resume with clean layout and professional styling. Features sections for education, skills, and work experience.

  • HTML5
  • CSS3
  • Semantic HTML

Course Schedule

A weekly class schedule built with HTML tables. Includes course times, locations, and instructor information with styled formatting.

  • HTML Tables
  • CSS Styling
  • Layout Design

Photo Gallery

A responsive image gallery with grid layout. Features hover effects and organized presentation of visual content.

  • CSS Grid
  • Image Optimization
  • Flexbox

CSS Styling Exercise

Practice project focusing on CSS fundamentals including box model, positioning, typography, and color theory applications.

  • CSS Box Model
  • Typography
  • Color Theory

Responsive Layout

Mobile-first responsive design exercise. Implements media queries and flexible layouts for different screen sizes.

  • Media Queries
  • Mobile First
  • Flexible Layouts

Contact Info

Portrait of Sean Astin

Sean Astin

Tech educator and content creator with over 15 years of experience in front-end development, curriculum design, and creating engaging learning experiences. Passionate about helping others grow in their tech careers.