css-transforms | Topic | Ecosyste.ms: Repos

Topic: "css-transforms"

toomuchdesign/offside

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

Language: JavaScript - Size: 197 KB - Last synced at: 4 days ago - Pushed at: 12 months ago - Stars: 281 - Forks: 21

PeterTYLiu/toaster

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

Language: TypeScript - Size: 2.4 MB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 269 - Forks: 7

dinohamzic/displaceable

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

Language: JavaScript - Size: 9.88 MB - Last synced at: 18 days ago - Pushed at: over 2 years ago - Stars: 221 - Forks: 11

alterebro/css-transform

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

Language: HTML - Size: 3.13 MB - Last synced at: 10 months ago - Pushed at: 12 months ago - Stars: 142 - Forks: 19

elchininet/isometric-css

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

Language: TypeScript - Size: 11.3 MB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 60 - Forks: 6

LuisValladaresC/animaciones-css

Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.

Language: CSS - Size: 57.6 KB - Last synced at: about 1 year ago - Pushed at: about 6 years ago - Stars: 32 - Forks: 21

rupl/css3playground.com

My collection of experiments and toys built with CSS3.

Language: HTML - Size: 2.46 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 27 - Forks: 7

ben-lau/px_vw

Convert your stylesheet unit from 'px' to 'vw'

Language: JavaScript - Size: 5.86 KB - Last synced at: 10 days ago - Pushed at: about 5 years ago - Stars: 22 - Forks: 1

alvov/the-monsters-vault-game

3d horror game made with CSS 3d transforms

Language: JavaScript - Size: 27.3 MB - Last synced at: almost 2 years ago - Pushed at: over 8 years ago - Stars: 18 - Forks: 6

AhmadrezaMozaffary/Bilingual-dice-game

‌Responsive - Bilingual - HTML CSS JS 🏅

Language: JavaScript - Size: 88.9 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 11 - Forks: 1

praneshr/transform-parser

Converts css transform string to an object and vice versa.

Language: TypeScript - Size: 350 KB - Last synced at: 3 days ago - Pushed at: almost 2 years ago - Stars: 9 - Forks: 1

kireerik/FlipDiv Fork of hakimel/Meny

A space efficient 3D menu with CSS transitions.

Language: JavaScript - Size: 297 KB - Last synced at: about 1 year ago - Pushed at: over 10 years ago - Stars: 8 - Forks: 3

baseten/react-css-transform

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

Language: TypeScript - Size: 2.75 MB - Last synced at: 16 days ago - Pushed at: about 2 years ago - Stars: 6 - Forks: 0

iyinchao/three-css3d

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

Language: TypeScript - Size: 255 KB - Last synced at: 29 days ago - Pushed at: about 2 years ago - Stars: 6 - Forks: 3

austince/maptasticjs Fork of glowbox/maptasticjs

Javascript/CSS projection mapping utility

Language: JavaScript - Size: 742 KB - Last synced at: 9 days ago - Pushed at: about 4 years ago - Stars: 6 - Forks: 2

quintin-dev/CSS-Mini_Projects-Animated_Penguin

A webpage with a waving penguin

Language: CSS - Size: 3.91 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 4 - Forks: 0

abdullahpazarbasi/jquery-ui-rotatable

A jQuery UI Widget which rotates any element by using CSS transform rotate()

Size: 24.4 KB - Last synced at: almost 2 years ago - Pushed at: almost 4 years ago - Stars: 3 - Forks: 2

arnaudmg/Dice-roller

My first Javascript school project. Making a dice roller.

Language: CSS - Size: 306 KB - Last synced at: almost 2 years ago - Pushed at: about 5 years ago - Stars: 3 - Forks: 0

swanie21/css-animations

CSS button animation examples

Language: CSS - Size: 156 KB - Last synced at: about 1 month ago - Pushed at: over 8 years ago - Stars: 3 - Forks: 4

appcrafts/gui-challenges Fork of argyleink/gui-challenges

3D CSS transforms and animation in the /game-menu folder

Language: HTML - Size: 9.1 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

nizniz187/InteractiveBookcase

Implemented by JavaScript & CSS3 3D Transform, featured with 3 demostration ways: spiral, linear, and ebook.

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

burakkrt/css-advanced-docs

Bu belge Css'in temel ve gelişmiş metotlarını içeren Türkçe belge niteliğinde hazırlanmış notlardan oluşur. Metotlar, tanımları ve kullanım örneklerinden oluşur. Hazırlayan @burakkrt

Language: HTML - Size: 823 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

Ad5001/Enecss

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

Language: SCSS - Size: 29.3 KB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

syjem/Penguin

Learn CSS Transform by Building a Penguin

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

pallabi-123/FreeCodeCamp-Responsive-Web-Design

In this Responsive Web Design Certification, you'll learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design. First, you'll build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a web form. Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.

Size: 3.51 MB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

jonasmachados/final-project-module-html-css

Project front-end for the Bootcamp TQI Fullstack Developer - DIO, this project is final project of module HTML + CSS.

Language: CSS - Size: 583 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - 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: about 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

blackcodding/Analog-Clock

Language: CSS - Size: 8.92 MB - Last synced at: over 1 year ago - Pushed at: almost 4 years ago - Stars: 1 - 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

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

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

abhishekkhandait/pan-n-zoom

Just another pan and zoom library for SVG and DOM elements

Language: TypeScript - Size: 687 KB - Last synced at: 1 day ago - Pushed at: about 5 years ago - Stars: 1 - Forks: 0

fredinfu/html-loaders

3 different examples of loaders with just css

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

eneax/3D_Menu_Gallery

🥘 3D Menu Gallery with CSS Transition and Transform

Language: CSS - Size: 3.49 MB - Last synced at: about 2 months ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

joaomartiniano/css-transforms

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

Language: HTML - Size: 130 KB - Last synced at: 2 months ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

hongkiat/css-sandpaper

Demo on enabling CSS Transform in IE6-8 with the cssSandpaper library

Language: JavaScript - Size: 32.2 KB - Last synced at: over 2 years ago - Pushed at: almost 8 years ago - Stars: 1 - Forks: 0

femcodersclub/Dashboard-de-Control-Futurista

Un dashboard interactivo construido con HTML5, CSS3 y JavaScript vanilla que demuestra el poder de las transformaciones CSS 2D y 3D para crear interfaces futuristas e inmersivas.

Language: JavaScript - Size: 26.7 MB - Last synced at: 13 days ago - Pushed at: 13 days ago - Stars: 0 - Forks: 0

ved7482/styling-contact-us-form

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

makehtml/3dtransforms Fork of desandro/3dtransforms

:package: Введение в 3D-трансформации CSS

Language: CSS - Size: 593 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

Sakshi24-parashar/Mine_first

Created my first Web Page using HTML and CSS.

Language: HTML - Size: 1.95 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

mohamedsaid225/Mealify-

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

Language: CSS - Size: 2.06 MB - Last synced at: 3 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

fmendozaro/p-website

Personal website

Language: CSS - Size: 42.4 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

JamanMinhaj/moni_blogsite

Language: HTML - Size: 390 KB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

odagora/testimonials-slider

Challenge #7 by FrontendMentor - testimonials-slider

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

arifur-rahaman/JS-Analog-Clock

css custom variable; Date() >>> getHours(), getMinutes(), getSeconds(); Time mathematics; and Transform css properties

Language: CSS - Size: 3.91 KB - Last synced at: 9 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Kingtero17/Penguin-Animation

FreeCodeCamp Assignment. Create a Penguin 🐧 using Keyframes. Furthermore, having the responsive design for mobile devices.

Language: CSS - Size: 41 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

lil-bee/interior-consultant

static interior consultant profile page challenge by devchallenge.io

Language: CSS - Size: 1.16 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

DesignDrastic/shape-transformation-on-hover-css

CSS Shape transformation on mouse over.

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

cstayyab/esSlider

Language: JavaScript - Size: 6.84 KB - Last synced at: 8 days ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

MuhammadShakir-dev/Assorted-CSS-Properties

Assorted CSS Properties

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

ReddyDivya/100days-CSS-challenge

100days CSS challenge

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

AbulFozolJumman/More-CSS-and-Animation

More CSS and Animation Done

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

Steveeeie/andy-kaufman-wrestling-game

CSS & JavaScript recreation of Andy Kaufman's wrestling match with Jerry Lawler on April 5th, 1982

Language: CSS - Size: 9.19 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 0 - 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

ux-germano-costa/Building-animated-penguin-css3

Code for an animated penguin. I use CSS transforms to position and resize the parts of my penguin, to create a background, and animate my work.

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

Umang3072/Create-Penguin-using-CSS-Transforms

I created a penguin using CSS Transforms property. This property allows you to rotate, scale, move, skew and many more elements.

Language: CSS - Size: 5.86 KB - Last synced at: about 1 year ago - Pushed at: almost 3 years ago - Stars: 0 - 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: 2 days ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

FluffyKas/loopstudios-landing-page

Responsive landing page using semantic HTML, CSS grid, JS for mobile menu, built with Sass, Parcel and Netlify.

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

muzeyyenyildiz/uhost

This project was created with an Udemy online course. The online course is by Maximilian Schwarzmüller. The course's name is CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass) https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/

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

Kaleidosport/Star-Wars-Crawl

⚒️ [BeCode - Drill] Mimicking the Star Wars opening crawl.

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

KPDMadhuka/SimpleFloating

CSS Simple Floating Effect

Language: CSS - Size: 17.6 KB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

sachinprajapati8604/Plane-Animation

plane animation using css animation keyframes and css transform.

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

FluffyKas/study-cards

Flippable question/answer cards with (hopefully?) common interview questions. It's entirely vanilla and it's main purpose is just fun :)

Language: HTML - Size: 24.4 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - 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

jubayerr/javascript-analog-clock

Analog JavaScript Clock.

Language: CSS - Size: 1.95 KB - Last synced at: about 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

ralfz123/css-to-the-rescue-2021 Fork of cmda-minor-web/css-to-the-rescue-2021

CSS styling on static HTML content

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

muzeyyenyildiz/Exercises

You can find all my exercises in this file. These exercises helped me extremely in my CSS and HTML education.

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

muzeyyenyildiz/ThreeDot

This project was created with a video on Youtube. The video is by Dev Ed. https://www.youtube.com/watch?v=ZeDP-rzOnAA&t=377s&ab_channel=DevEd

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

nickarocho/play-among-the-stars

Take-home project for a Creative Developer role | HTML, CSS, JavaScript

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

KunalDJoshi/Fighter-jets-info-multipage-website

A multipage website about the information of fighter jets. Used HTML5 and CSS3. Used various features of CSS3 such as grid-layouts, 2D, and 3D transforms and transitions, CSS rollovers, media-queries for proper display on mobile devices. Used iframe in HTML to embed youtube videos. Used a global navigation system on each page to navigate easily.

Language: CSS - Size: 385 KB - Last synced at: almost 2 years ago - Pushed at: almost 5 years ago - Stars: 0 - Forks: 0