Projects in Awesome Lists tagged with css-transforms

https://github.com/toomuchdesign/offside

Minimal JavaScript kit without library dependencies to push things off-canvas using just class manipulation.

css-transforms off-canvas off-canvas-menu

Last synced: 04 Apr 2025

https://github.com/PeterTYLiu/toaster

3D editor for modelling in pure CSS+HTML; no canvas, no WebGL

3d css css-transforms

Last synced: 09 May 2025

https://github.com/dinohamzic/displaceable

A tiny, performant and configurable JavaScript library that smoothly displaces elements on mouse move.

animation css-transforms css-transitions es6 javascript no-dependencies

Last synced: 09 Apr 2025

https://github.com/alterebro/css-transform

CSS Transform Playground. Online tool to visualize 2D & 3D CSS3 Transform functions.

2d 3d css css-transforms css3 gulp netlify transform vue vuejs

Last synced: 15 Dec 2024

https://github.com/elchininet/isometric-css

Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.

css css-animation css-animations css-transformations css-transforms draw drawing engineering engineering-drawing graphics isometric isometric-css isometric-projection isometric-projections javascript orthogonal orthogonal-projection projection transformation typescript

Last synced: 14 May 2025

https://github.com/ahmadrezamozaffary/bilingual-dice-game

‌Responsive - Bilingual - HTML CSS JS 🏅

bilingual css-box-model css-flexbox css-transforms css3 dice-game dom-manipulation favicon html5 javascript loser netlify responsive-web-design settimeout template-literals ui winner

Last synced: 10 Apr 2025

https://github.com/praneshr/transform-parser

Converts css transform string to an object and vice versa.

css-transforms javascript parser rollup-js stringifier typescript

Last synced: 07 May 2025

https://github.com/baseten/react-css-transform

Handle multiple nested 2D and 3D CSS Transforms like a wizard

3d css-transforms javascript matrix matrix-multiplication react reactjs

Last synced: 14 Apr 2025

https://github.com/iyinchao/three-css3d

Yet another typescript port of Three.js CSS3DRenderer, with small tweaks and enhancements.

css-transforms css3d css3d-renderer dom renderer threejs typescript

Last synced: 08 May 2025

https://github.com/swanie21/css-animations

CSS button animation examples

css css-transforms css-transitions css3-animations responsive-design sass

Last synced: 26 Apr 2025

https://github.com/joaomartiniano/css-transforms

Código HTML utilizado em vídeos introdutórios sobre CSS transforms

css css-transforms html

Last synced: 27 Mar 2025

https://github.com/itsrosewood2003/responsive-web-design-projects

These are freeCodeCamp [RESPONSIVE WEB DESIGN] core curriculum's Certification Projects.

basic-css basic-html css-animations css-box-model css-colors css-flexbox css-grid css-pseudo-selectors css-transforms css-variables html-forms intermediate-css responsive-web-design typography

Last synced: 28 Mar 2025

https://github.com/ad5001/enecss

A CSS library to facilitate the creation of low-poly 3D scenes using only CSS. Mirror of

css css-3d css-3d-engine css-transform css-transformations css-transforms javascriptless sass scss state

Last synced: 06 Mar 2025

https://github.com/harshkapadia2/transformation-animation-transition

Small college assignment on CSS Transform, Animation and Transition.

css-animations css-transforms css-transitions html-css

Last synced: 31 Mar 2025

https://github.com/eneax/3d_menu_gallery

🥘 3D Menu Gallery with CSS Transition and Transform

3d-animation css css-3d-transitions css-animation-effects css-animations css-transforms css-transitions html transforms transition

Last synced: 08 Apr 2025

https://github.com/abhishekkhandait/pan-n-zoom

Just another pan and zoom library for SVG and DOM elements

css-transforms dom html5 mouse-events pan pan-n-zoom scene svg transform typescript zoom

Last synced: 18 Mar 2025

https://github.com/cstayyab/esslider

continuous-slider css-transforms css-transitions es6-module javascript slider-plugin

Last synced: 01 Apr 2025

https://github.com/eneax/menu_gallery

🍝 Menu Gallery with CSS Transition and Transform

css css-animations css-rotate css-scale css-transforms css-transitions css-translate html overlay transform-origin

Last synced: 08 Apr 2025

https://github.com/alexander-alvarez/ember-toggle-it

Simplifying toggling carets and other icons

css-transforms ember ember-addon toggle

Last synced: 29 Mar 2025

https://github.com/seppwc/toggle-button-demo

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

css-transforms css-transitions hamburger-menus vanilla-javascript

Last synced: 28 Feb 2025

https://github.com/gustavo-mmh/website_hamburguer-menu

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

bootcamp css css-animations css-transforms css-transitions digital-innovation-one font-awesome html-css html5 tqi

Last synced: 13 May 2025

https://github.com/mohamedsaid225/mealify-

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

css css-pseudo-classes css-transforms css-transitions css-variables css3-animations flexbox html media-queries responsive-web-design semantic-tags vendor-prefix

Last synced: 01 Mar 2025

https://github.com/seonhyungjo/do-you-know-css

CSS I wanted it :yum:

css css-flex css-grid css-transforms css-transitions css3 will-change

Last synced: 26 Mar 2025

https://github.com/ved7482/styling-contact-us-form

css-animations css-transforms css-transitions html5

Last synced: 12 Mar 2025

https://github.com/rosewood69/html-css-personal-portfolio-page

This is freeCodeCamp "RESPONSIVE WEB DESIGN" Certification Project (PERSONAL PORTFOLIO PAGE).

accessibility basic-css basic-html css-animations css-box-model css-colors css-flexbox css-grid css-pseudo-selectors css-transforms css-variables html-forms intermedia-css responsive-web-design typography

Last synced: 26 Mar 2025

https://github.com/yashi-singh-1/ferris-wheel-using-html-and-css

This project, inspired by the FreeCodeCamp curriculum, showcases the implementation of CSS animations to create an engaging Ferris wheel effect on a webpage. By leveraging CSS animation techniques, elements are transformed and animated to draw attention to specific sections, enhancing the overall user experience.

css-animation css-animations css-transforms css3 ferris-wheel freecodecamp freecodecamp-project front-end front-end-development frontend html-css-project html5 interactive-web open-source tutorial user-engagement web-design web-development