cssanimation

There are 38 repositories under cssanimation topic.

  • withaarzoo/Iron-man

    This project features an animated depiction of Iron Man using HTML and CSS. It showcases various components of Iron Man's suit with accompanying animations, creating a visually engaging experience.

    Language:CSS21203

  • WebDevVikramChoudhary/CSS-Animations

    Language:CSS15102

  • codeaashu/Profile-Card-Animated-Design

    Creating Animated Profile Card Design of our favourite cricketer #legend MS Dhoni using HTML & CSS.

    Language:CSS12101

  • codeaashu/Animated-Glowing-Login-Form-

    Creating Animated Glowing Login Formusing HTML & CSS.

    Language:CSS10100

  • jsohndata/late-night-background-jam

    🚀 Created during a music-infused late-night session, this compilation showcases an array of captivating background animations achieved through CSS animation and mp4 integration. Developed using React and Bootstrap 5, these visual effects come together to create an immersive experience dedicated to C-10.

    Language:JavaScript320

  • gustavohdab/Responsive-test

    grid, :root, css animation / transitions, @media-queries, @keyframes, img filters, css clamp

    Language:CSS110

  • logusivam/Stair-Animation

    This project demonstrates a simple animation of stairs using HTML and CSS. The animation creates the illusion of rotating stair gradually, giving a dynamic visual effect.

    Language:CSS110

  • masud-almahdi-dev/dev-portfolio

    React portfolio app featuring EmailJs, tailwindcss, react-scroll, css animations, video background & resume download functionality

    Language:JavaScript1100

  • natashkasemenova/Ask_Out_Message

    Ask Out Massage using only HTML, CSS

    Language:CSS1100

  • Penseeelhadidy/CSS-Art-Drawing-

    Hi there 👋🏼, this is an animated vanilla css drawing. I was inspired to learn from code and dream and learned many cool features! hope you like it!

    Language:CSS1100

  • samedfft2634/to-do-v2

    To do list with DOM maniplutaing.

    Language:JavaScript110

  • Shailendra122/Chair_CSS_Effect

    This is a simple website in which clean design and some animation s have been applied on Chair

    Language:CSS1

  • withaarzoo/Animated-Pencil-Loader

    This repository contains HTML and CSS code for an animated pencil loader, designed to be used as a loading animation for web pages. The loader consists of a pencil icon that animates in a loop, giving users a visual cue that the page is still loading.

    Language:CSS110

  • bruniv-dev/PufferFish

    This project features a visually engaging login page themed around the aquatic environment of pufferfish. The page incorporates HTML for structure, CSS for styling, and CSS animations to bring the pufferfish to life, creating an interactive and appealing user experience. Note that this is a frontend-only implementation as of now.

    Language:CSS0100

  • bruniv-dev/Stay-Hydrated

    Check out this rad CSS animation I whipped up! Created a cool water bottle using HTML/CSS and animated the water inside with a cute PNG image. It’s a fun way to bring static art to life with a splash of CSS creativity.

    Language:CSS0100

  • developer-mezbah/Quick-project

    This is project created on practice purpose.

    Language:CSS0100

  • jakaria242/innovate-1

    None Responsive

    Language:HTML0100

  • NadezhdaTerenteva/how-to-learn

    Landing page example

    Language:HTML0100

  • NishantpShinde/Image-Gallery-Website

    A responsive Image Gallery where you can see various Images using CSS advanced concepts

    Language:HTML0100

  • RanaAzhar0/neoreacht-app

    https://ranaazhar0.github.io/neoreacht-app/

    Language:HTML0100

  • redoyhossin/-Online-academi

    e-commerce website use bootstrap

    00

  • Rohit-0508/TourPlanet

    TourPlanet is a visually stunning and user-friendly travel website built with HTML, CSS, and JavaScript. Explore beautiful destinations, discover exciting travel packages, and get inspired for your next adventure. With an intuitive design and engaging content, planning your dream vacation has never been easier.

    Language:HTML00

  • surjeet-singh-au49/React-Cart

    This Project will give the insights on how we can use Redux in react and can create a functional cart where we can add, delete and remove products from the cart.

    Language:JavaScript00

  • tomy-frontend/my-portfolio-site

    デイトラ受講前の独学のみで作ったポートフォリオサイト。全てはここから始まりました。成長をご覧ください。

    Language:HTML00

  • YanaShineRu/CSS-Java-Animation

    CSS + Java Animation My collection

    Language:HTML0100

  • marcelosnows/Space-Cream_Mobile-First

    A ideia agora é criar o Space Cream inicialmente para a versão Mobile mas com alguns parâmetros pré-definidos para a versão Desktop.

    Language:CSS

  • masirul-codify/credit_card

    Credit Card Flip Design With Bootstrap & Raw css

    Language:HTML

  • withaarzoo/Animated-Gooey-Buuble-Button

    This repository contains code for an animated gooey bubble button implemented using HTML and CSS. The button creates a visually appealing effect with animated bubbles emanating from its center upon interaction.

    Language:CSS10

  • Yashi-Singh-1/Day-18-Elastic

    Achieved a visually captivating elastic animation effect with simple CSS transformations and key-frames. The solution turned out to be easier than expected.

    Language:CSS

  • Yashi-Singh-1/Day-24-Animated-Typography

    This project demonstrates how to create animated typography using CSS animations combined with HTML elements. The animations are designed to highlight the text with dynamic shadow effects and vibrant colors.

    Language:CSS

  • Yashi-Singh-1/Day-31-Pendulum-Wave

    If you are not yet fascinated by mathematics, you should be now at the latest. Wonderful what a small calculations brings forth. this description was provided.

    Language:CSS

  • Yashi-Singh-1/Day-34-Hello

    Yes, another animation of some text. But this time I used SVGs as a base. What kind of animation will you make?

    Language:HTML

  • Yashi-Singh-1/Day-37-Carousel

    Images, quotes, prices or logos. A carousel can be used in many ways and is an eye-catcher.

    Language:CSS

  • Yashi-Singh-1/Day-40-Gallery

    Click on an image to enlarge it with smooth CSS animations, while other images subtly shrink and fade into the background. Enjoy a dynamic gallery created with pure CSS transitions and keyframes.

    Language:CSS

  • Yashi-Singh-1/Day-43-CSS-Gradient-Transition

    A recurring trend, gradients have often been pronounced dead and yet appear new.

    Language:CSS

  • Yashi-Singh-1/Waves-Animation

    This challenge showcases a wave-like animation effect using pendulums within three different frames, each with its own distinct background gradient and pendulum swing timings.

    Language:HTML