GitHub topics: css-gradients
argyleink/open-props
CSS custom properties to help accelerate adaptive and consistent design.
Language: HTML - Size: 52.9 MB - Last synced at: 1 day ago - Pushed at: 15 days ago - Stars: 5,018 - Forks: 197
cristicretu/meshgrad
🎨 Generate CSS Mesh Gradients
Language: TypeScript - Size: 7.06 MB - Last synced at: 7 days ago - Pushed at: 6 months ago - Stars: 94 - Forks: 9
balshaer/gradients-css
It's a tool features an extensive collection of amazing gradients available for use âš¡
Language: TypeScript - Size: 7.65 MB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 11 - Forks: 3
gilmoreorless/postcss-gradient-transparency-fix
PostCSS plugin to fix up CSS gradients with transparency for older browsers
Language: JavaScript - Size: 141 KB - Last synced at: about 3 hours ago - Pushed at: 2 months ago - Stars: 25 - Forks: 2
9itish/grad-motion
JavaScript library for creating, animating, and manipulating CSS gradients and background patterns with ease.
Language: JavaScript - Size: 32.1 MB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0
Leo-Corporation/ColorPicker
ColorPicker Max is an app that enables you to pick, create and convert colors, preview text colors, generate color palettes and gradients, and more.
Language: C# - Size: 7.15 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 68 - Forks: 8
VannDennOk/fondos_degradados
Recopilación de fondos degradados para CSS [en construcción!]
Language: HTML - Size: 25.4 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 1 - Forks: 0
QC20/Shaders-Triangles
This project showcases an interactive, color-shifting 3D cube using pure CSS. It demonstrates advanced CSS techniques including 3D transforms, custom properties, and animations.
Language: CSS - Size: 3.64 MB - Last synced at: 2 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0
vicmeow/shapy
Shapy is a CSS gradient editor that lets you size, position and layer CSS gradients on a single div element.
Language: Vue - Size: 4.44 MB - Last synced at: 22 days ago - Pushed at: over 2 years ago - Stars: 115 - Forks: 11
nat-davydova/gradient-cards-concept
Modern gradient cards built with HTML/CSS
Language: CSS - Size: 41 KB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 0
shashankkatte/Not2do-List
A Minimal (Not)to-do list app using HTML5, CSS3, jQuery and JavaScript
Language: CSS - Size: 35.2 KB - Last synced at: about 1 year ago - Pushed at: almost 5 years ago - Stars: 1 - Forks: 0
georgewpark/CSS-Gradient-Rounded-Borders
This project demonstrates a simple method of applying a CSS gradient to a rounded border using background-clip, providing a solution to the problem where border-radius alone won't create rounded corners when a gradient is applied using border-image.
Language: CSS - Size: 19.5 KB - Last synced at: about 2 months ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0
Salf1-Sabit/City-Skyline
The "City Skyline" project is part of the FreeCodeCamp.org Responsive Web Design course. This project serves as a learning focus for implementing CSS variables, responsiveness using percentage/vh/vw values, CSS gradients, and CSS borders to create a visually appealing representation of a city skyline.
Language: CSS - Size: 6.84 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0
webwithaman/portfolio-landing-page
This is an attractive and responsive portfolio landing page. It is created using HTML, CSS and JS.
Language: CSS - Size: 407 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
karinarogers/registration-form
This is a front-end registration form created from a TreeHouse mockup image. The form is responsive and utilizes high-level CSS such as transitions, gradients and flexbox.
Language: HTML - Size: 104 KB - Last synced at: over 1 year ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0
saif71/GradientSpector
Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. 😎🎨🖌
Language: CSS - Size: 1.29 MB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0
makeuseofcode/CSS-Background-Patterns
This repository contains code for CSS background patterns.
Language: CSS - Size: 15.6 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 1
ArnabKumarRoy02/css-gradient
This project is a random CSS gradient generator made using HTML, CSS and JavaScript. This generates new gradients by changing the angle, the colours and the shadow using JS everytime the user clicks the 'Generate' button.
Language: CSS - Size: 6.84 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 1
Ahmed101Mohammed/product-landing-page
This project is a training project that I built using HTML5 and CSS3
Language: HTML - Size: 7.81 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
CodingJack/Advanced-Color-Picker
Harnessing the full power of CSS Gradients
Language: JavaScript - Size: 4.73 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 10 - Forks: 3
Kellsonphilips/Dropdown-Menu
Drop down menu with css
Language: CSS - Size: 8.79 KB - Last synced at: about 1 month ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0
Roshane-Johnson/salient-styles
Looking for some color inspiration? Look no further than Salient Styles! Our collection of vibrant and eye-catching gradients is sure to add some cheer to your designs. Check out the website and get your projects noticed!
Language: TypeScript - Size: 830 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0
AntonV0/website-design-system
Project #13 of Codecademy's Full Stack Engineer Career Path
Language: HTML - Size: 20.5 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0
nikolay-kapustin/CSSGradientToUIKit
CSS func linear-gradient() to UIKit CGGradientLayer coordinate space conversion
Language: Swift - Size: 1000 KB - Last synced at: about 2 years ago - Pushed at: about 5 years ago - Stars: 10 - Forks: 0
fahadm23/react-login-form
A login form that handles data using the React.useState hook!
Language: JavaScript - Size: 301 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
untallucas/cssoccer-jerseys
Playing around with CSS gradients and soccer jerseys.
Language: CSS - Size: 14.6 KB - Last synced at: about 2 years ago - Pushed at: almost 8 years ago - Stars: 2 - Forks: 2
Kristle22/grafter-login-project
Login HW project
Language: HTML - Size: 1.97 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
hongkiat/css3-circular-ellipitical-gradient
With the CSS3 specification, we are now able to create color gradients. Including elliptical and circular form of gradient. This demo show you how to this effect is achieved.
Language: HTML - Size: 1.95 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 1 - Forks: 0
hongkiat/css3-glossy-effect
This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.
Language: CSS - Size: 29.3 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 6 - Forks: 2
danpoynor/techdegree-project-02
TeamTreehouse Front-End Developer TechDegree Project 2
Language: HTML - Size: 5.08 MB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0
rh9891/JavascriptCalculator
A simple calculator application utilizing HTML, CSS, and JavaScript.
Language: JavaScript - Size: 56.7 MB - Last synced at: about 2 months ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0
imjeen/flag
make the national flags by gradient, react and redux
Language: JavaScript - Size: 260 KB - Last synced at: about 2 years ago - Pushed at: about 9 years ago - Stars: 0 - Forks: 0
StephenMcVicker/single-div-pumpkin
A pumpkin created with just a sinhle HTML tag and a ton of CSS!
Language: CSS - Size: 484 KB - Last synced at: 2 months ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0
nikkipeel/flash-cards
Create flash cards with vanilla Javascript
Language: CSS - Size: 3.91 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0
kevcap/Apple-project
My 4th project on Microverse's HTML&CSS Course - Learning about CSS Gradients and Backgrounds
Language: CSS - Size: 1.87 MB - Last synced at: about 2 years ago - Pushed at: almost 5 years ago - Stars: 5 - Forks: 1
mrpbennett/vue-calc
A simple calculator app build in Vue.js with a little help from tailwindcss
Language: Vue - Size: 3.34 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
petercr/Random-Quote-Machine
A random quote machine for Free Code Camp intermediate front-end projects
Language: JavaScript - Size: 581 KB - Last synced at: about 1 year ago - Pushed at: about 6 years ago - Stars: 1 - Forks: 0
georgewpark/CSS-Gradient-Clip-Path-Borders
This project demonstrates how the CSS clip-path property can be used to create a variety of shaped gradient borders.
Language: CSS - Size: 75.2 KB - Last synced at: about 2 months ago - Pushed at: over 6 years ago - Stars: 0 - Forks: 0
georgewpark/Radial-Gradient-Spotlight-Effect
This project demonstrates how CSS radial gradients can be used to create a focusable spotlight effect.
Language: CSS - Size: 3.32 MB - Last synced at: about 2 months ago - Pushed at: over 6 years ago - Stars: 0 - Forks: 0
AlissaKennedy/alissakennedy.github.io
CSS grids + random things about me
Language: CSS - Size: 468 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 0 - Forks: 0
hongkiat/css3-repeating-gradients
In this demo we extend CSS3 linear and radial gradients into repeating gradients. This demo also shows how to utilize this feature to create Paperline pattern.
Language: HTML - Size: 3.91 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 0 - Forks: 0
hongkiat/css3-linear-gradient
We can create gradient colors with CSS3 and here is how to achieve it.
Language: HTML - Size: 4.88 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 0 - Forks: 0
hongkiat/css3-blending-mode
CSS3 Gradients with Blending Mode
Language: HTML - Size: 1.95 KB - Last synced at: about 2 years ago - Pushed at: almost 8 years ago - Stars: 0 - Forks: 0