GitHub topics: css-transitions

Repositories

AyaAbdelmoghith/Mealify-Template

Mealify is a stunning, responsive webpage that supports dark mode.

Language: CSS - Size: 1.4 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

NikulinAlexey/russian-travel

Сайт про путешествия по России. Проект обучения(Яндекс Практикум).

Language: CSS - Size: 4.4 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

kevnk/tricons

Common icons—customizable via LESS—that morph from one to another with CSS transition; inspired by (but not using) SVG animated icons.

Language: CSS - Size: 293 KB - Last synced at: 1 day ago - Pushed at: almost 10 years ago - Stars: 3 - Forks: 0

mstura/2048

2084 browser game

Language: JavaScript - Size: 22.5 KB - Last synced at: over 1 year ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 1

ValentinaDagradi/FrutaYFruto-Home-page

Página realizada durante la formación de Oracle Next Education

Language: HTML - Size: 1.92 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

jacobEliasMoya/modernElegance

My take on modern website design, less is more. But my animations take it to the next level! VanillaJS for life!

Language: SCSS - Size: 3.92 MB - Last synced at: 9 days ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0

seppwc/Toggle-Button-Demo

Selection of Different Menu Toggle buttons (also known as hamburger menus) Demo available @:

Language: CSS - Size: 1.14 MB - Last synced at: 4 months ago - Pushed at: almost 6 years ago - Stars: 0 - Forks: 0

robinpoort/bip

Swipe support for your CSS transitions.

Language: JavaScript - Size: 124 KB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

iamtonmoy0/web-animation-projects

Cool animation you can dream of are found here!

Language: CSS - Size: 20.8 MB - Last synced at: 13 days ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

maxcore25/react-multi-level-dropdown

React.js Animated Multi-Level Dropdown Menu

Language: JavaScript - Size: 316 KB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

willviles/ember-css-transitions-modifiers

Modifiers for attaching CSS transitions to elements in Ember.js HTMLbars templates

Language: TypeScript - Size: 159 KB - Last synced at: 14 days ago - Pushed at: over 5 years ago - Stars: 3 - Forks: 0

richardcyrus/fm-faq-accordion-card

FAQ accordion card challenge on Frontend Mentor

Language: JavaScript - Size: 721 KB - Last synced at: 3 months ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

Riki9811/do-you-english

An english dictionary web app integrated with the Dictionary API and with some additional features like color themes and font selection.

Language: TypeScript - Size: 158 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

nibmz7/nimz-utils

(WIP) Utils - React Router + CSS transition + Overlay View + Portal

Language: TypeScript - Size: 75.8 MB - Last synced at: 24 days ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

malikshubham827/MediHealth

A small web-app for HackDTU-17. Underdeveloped as of now.

Language: HTML - Size: 114 KB - Last synced at: 4 months ago - Pushed at: over 8 years ago - Stars: 1 - Forks: 0

nirtamir2/react-base-transition-group

Open source library for managing component states (including mounting and unmounting) over time for css transitions and animations.

Language: TypeScript - Size: 3.22 MB - Last synced at: about 18 hours ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

LauraBigoni/html-css-animation-filter

This project is an exercise to create CSS animations, transitions, and states like hover or focus using only HTML and CSS. It is designed to help users become familiar with the basics of web development and gain a better understanding of how to use HTML and CSS to create dynamic websites.

Language: HTML - Size: 11.7 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

teotimepacreau/Discarding-effect-and-container-queries-Day3-of-100DaysOfCode

Discarding effect and container queries to adapt cards dynamically built with CSS and HTML

Language: CSS - Size: 11.6 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Kanishkumar-K/Basic-Restaurant-Webpage

Basic Restuarant Webpage to explore the CSS animations, transitions and transformations properties.

Language: HTML - Size: 448 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

iqbalhasandev/funnyPoems

site is published at

Language: JavaScript - Size: 2.22 MB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 6 - Forks: 0

mjshofy/3d-layered-image-on-hover

Learn how to create a CSS 3d image hover effect

Language: CSS - Size: 188 KB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0

pleasedonotdisturb/card-hover-effects

A collection of card demos with simple hover effects in them. Recreated from Online Tutorials on YouTube (see credits).

Language: HTML - Size: 2.8 MB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

mza-codes/mFlux

mFlux v2 A Netflix Inspired clone built using React. Stable Release:

Language: JavaScript - Size: 807 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

denim2x/Wews 📦

The friendly news aggregator

Language: CSS - Size: 40 KB - Last synced at: over 2 years ago - Pushed at: about 7 years ago - Stars: 0 - Forks: 2

Competec/simple-animation-js 📦

Simple animation library which uses CSS transitions in the background and allows animating dimension percentages.

Language: JavaScript - Size: 253 KB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 0

AngeloFaella/CircularProgressBar

A lightweight circular progress bar made with Js, SVG circles, and CSS transitions.

Language: JavaScript - Size: 50.8 KB - Last synced at: over 1 year ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

fsousa-hub/dio-animation-transition

Desafio de Projeto sobre CSS Transitions desenvolvendo um menu Hamburger & Morphing.

Language: CSS - Size: 1.03 MB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

AlinaZolotavina/how-to-learn

The landing page created using flexible box layout, animations and transitions.

Language: HTML - Size: 1.53 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

exemplar-codes/animating-react-apps-tut-1

Language: JavaScript - Size: 146 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

vivianemartini/30diasDeCSS

Desafio: criar 30 mini projetos utilizando HTML e CSS em 30 dias

Language: CSS - Size: 546 KB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 9 - Forks: 0

KRRISH96/react-portal-overlay

An overlay component built by leveraging React Portals. https://react-portal-overlay.netlify.app/

Language: JavaScript - Size: 2.37 MB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 19 - Forks: 11

danimai/speedtest-app

Protótipo de medidor de velocidade da Internet

Language: JavaScript - Size: 940 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

eastonyarbrough/fsw-100

College assignments from Bryan University over the fundamental technologies, including HTML and CSS, used to create static web sites and an introduction to the principles of web design.

Language: HTML - Size: 16.1 MB - Last synced at: over 2 years ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0

pauloesmelos/animated-events-page

Eventos e animações utilizando javascript e grid layout

Language: JavaScript - Size: 6.21 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

daliannyvieira/css-animations-pocket-guide

A pocket guide to get started writing CSS Animations. :sparkles:

Language: CSS - Size: 1.36 MB - Last synced at: over 2 years ago - Pushed at: about 8 years ago - Stars: 95 - Forks: 12

owenliang/pullToRefresh

javascript-pull-to-refresh

Language: JavaScript - Size: 229 KB - Last synced at: 2 months ago - Pushed at: about 8 years ago - Stars: 24 - Forks: 6

ShailavMalik/Rotating_Banner

Changing images in banner with a smoth transition

Language: JavaScript - Size: 4.41 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

aautar/display-toggle-fx

Library to apply CSS transitions on elements that transition from `display:none` state

Language: JavaScript - Size: 431 KB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

HariTatakula/Transitions-Example

https://haritatakula.github.io/Transitions-Example/

Language: HTML - Size: 6.84 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

NatGeyzenTech/ui-components-javascript

A collection of common UI components written in HTML, CSS and vanilla JavaScript

Language: CSS - Size: 4.88 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

keanedalisay/responsive-web-design-fCC

A repository to store the Responsive Web Design curriculum projects I built for freeCodeCamp.

Language: HTML - Size: 42.8 MB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

DrCBeatz/svelte Fork of sveltejs/svelte

Fork of Svelte JS to enable built-in transitions/animations under strict Content Security Policy (CSP) without "style-src 'unsafe-inline'" CSP directive.

Language: TypeScript - Size: 64.3 MB - Last synced at: over 1 year ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

malkov-am/how-to-learn

Лендинг «Как учиться»

Language: HTML - Size: 1.39 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Felistus/drone-logistics-app

A Drone Delivery Application

Language: TypeScript - Size: 56.6 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

TangChr/sticky-notes

CSS3 Sticky Notes (Post-it notes)

Language: SCSS - Size: 382 KB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

FinalBuild-Studio/CHCubicBezier

CubicBezier provides cubic-bezier easing like CSS transition-timing-function cubic-bezier acts.

Language: Swift - Size: 48.8 KB - Last synced at: 19 days ago - Pushed at: over 8 years ago - Stars: 7 - Forks: 3

DesignDrastic/Card-Design-and-Transformation-using-Perspective-css

Card Design and Transformation using Perspective css

Language: CSS - Size: 10.2 MB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 0

gustavo-mmh/website_hamburguer-menu

Website criado com HTML e CSS Transitions utilizando pseudo elementos e pseudo classes e também CSS @keyframes

Language: CSS - Size: 291 KB - Last synced at: 10 days ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

jonasmachados/hamburger-menu-and-css-transitions

Project front-end for the Bootcamp TQI Fullstack Developer - DIO, this project is a hamburger menu using HTML + CSS.

Language: CSS - Size: 98.6 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

ThiagoOMiranda/landing-page

Landing page com alguns projetos de meu portifólio.

Language: CSS - Size: 24.1 MB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

luca-lagos/todo-list-ap-angular

Its a practice exercise with Angular and Json Server to Argentina Programa

Language: TypeScript - Size: 259 KB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

jfcardoso/portfolio-project

Portifolio Project with morphing menu and CSS Transitions

Language: CSS - Size: 373 KB - Last synced at: 2 months ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

marisabrantley/split-landing-page

This project shows split-screen background images, each with overlays. When hovering the mouse on one side of the split screen, it expands to 75% while the other side reduces to 25%.

Language: CSS - Size: 273 KB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

interglobalmedia/basic-audio-visual-slider

css-keyframes

Language: SCSS - Size: 51.4 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

michaelkolesidis/css-3d

A simple website showcasing CSS 3D examples and how they work.

Language: HTML - Size: 415 KB - Last synced at: 4 months ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

marisabrantley/form-wave-animation

This project involved building a simple login form with a wave effect on the labels using CSS transitions, transition delay, and JavaScript.

Language: CSS - Size: 4.88 KB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

fyrfli/expanding-cards

Expanding Cards project from Udemy

Language: HTML - Size: 2.93 KB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

simeonbain/tic-tac-toe

A responsive Tic Tac Toe game

Language: JavaScript - Size: 475 KB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

marisabrantley/scroll-animation-project

Sections on a page transition in from alternating sides when scrolling down. The opposite happens when scrolling up the page.

Language: HTML - Size: 730 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

marisabrantley/hidden-search-widget

This Hidden Search Widget project uses JavaScript and CSS transitions to display a search icon; when the icon is clicked, the search bar widens for typing.

Language: CSS - Size: 2.93 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

marisabrantley/expanding-cards

This expanding cards project features five different images of beaches in my area. When clicked, an image card expands while the other cards remain inactive. This is part of Brad Traversy's Udemy Course "50 Projects in 50 Days."

Language: HTML - Size: 17.8 MB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

magnetikonline/picoh

Yet another JavaScript frontend micro framework - minified and gzipped to around 2.3KB.

Language: JavaScript - Size: 62.5 KB - Last synced at: 4 months ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

oti/lp58

CSS Nite LP58「Coder's High 2018」で発表した「現場で役立つCSSアニメーション」のオンラインデモサイトです。

Language: SCSS - Size: 1.34 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 5 - Forks: 1

franmc01/100-days-css-challenge

The following repository contains a series of practices where I seek to improve my skills using CSS and thus be able to create better content at a visual level in my future applications and in those that also require it :)

Language: CSS - Size: 427 KB - Last synced at: 3 months ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

emetdas/3D-flip-box

3D Box Hover Effect

Language: HTML - Size: 410 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

igorklyopov/goit-markup-hw-08-v-2

Language: HTML - Size: 3.45 MB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

marisabrantley/20k-leagues-under-the-sea

This project involved adding animations with CSS transitions to an existing static web page, an online reader of the book “20,000 Leagues Under the Sea” by Jules Verne.

Language: HTML - Size: 16.6 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

marisabrantley/css-transitions

A little project of a button utilizing CSS transitions to change the background color over a set duration.

Language: CSS - Size: 7.81 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

dash-ui/transition

A library for creating performant and composable CSS transitions with @dash-ui

Language: TypeScript - Size: 1.37 MB - Last synced at: 6 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

HarshKapadia2/transformation-animation-transition

Small college assignment on CSS Transform, Animation and Transition.

Language: CSS - Size: 3.91 KB - Last synced at: 8 months ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 1

Camille846/100DaysCSS

Solutions for 100 Days CSS Challenge.

Language: SCSS - Size: 82 KB - Last synced at: over 2 years ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0

lara-isak/coconut-bible-ginandtonic

Rock-Paper-Scissor game inspired by one of the best TV shows ever made, Fleabag. :lips: :fox_face:

Language: CSS - Size: 188 KB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0

cmwilson88/portfolio-reactNetflix

A clone of Netflix using React and moviedb API

Language: JavaScript - Size: 1.3 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

Nishkarsh01/hamburger-overlay-menu

This is an Overlay Menu created using HTML, CSS. No Javascript has been use. Through this project I deep dived into css topics like animations, keyframes, transitions, properties like transform, etc. I got to learn a lot and the project was quite fun to develop. Feel free to get ideas.

Language: CSS - Size: 14.4 MB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0

Nishkarsh01/presentation-website

This is a Presentation Website created using HTML, CSS. In this Website I deep dived into css topics like animations, keyframes, transitions, properties like transform, etc. I got a learn and a lot and the project was quite fun to develop. Feel free to get ideas

Language: HTML - Size: 106 KB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0

V-FOR-VEND3TTA/Responsive-Pricing-Table

A responsive pricing table in HTML and CSS Flexbox.

Language: HTML - Size: 1000 Bytes - Last synced at: 14 days ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0

adharamonzon/reto-2-js-clock

reto-2-js-clock

Language: JavaScript - Size: 6.84 KB - Last synced at: over 2 years ago - Pushed at: about 5 years ago - Stars: 1 - Forks: 0

adharamonzon/reto-5-js-panels-img-gallery

reto-5-js-panels-img-gallery

Language: CSS - Size: 11 MB - Last synced at: over 2 years ago - Pushed at: about 5 years ago - Stars: 1 - Forks: 0

batnyu/netflix-next-button

Netflix next episode button made with XState, CSS Transition and Svelte

Language: TypeScript - Size: 417 KB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 1

FabianCruz-0/Personal-Page

Source code of my personal page.

Language: HTML - Size: 20.8 MB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

nshid/react-web

This is a React web application.

Language: JavaScript - Size: 597 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

pzingg/css-transition-examples

Examples for my talk on CSS transitions at ElmConf US 2017

Language: Elm - Size: 2.32 MB - Last synced at: 6 days ago - Pushed at: over 7 years ago - Stars: 7 - Forks: 1

trieutrue/tricks.css

Tricks.css is a Pokemon themed application with interactive CSS demos that shows off DOM manipulations, CSS3 animations, and basic javascript to handle the interaction. This frontend demo shows my skills using only JavaScript, CSS, and HTML5, imitating React's seamless DOM manipulation.

Language: JavaScript - Size: 3.06 MB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0