Ecosyste.ms: Repos
An open API service providing repository metadata for many open source software ecosystems.
GitHub topics: css-gradients
nat-davydova/gradient-cards-concept
Modern gradient cards built with HTML/CSS
Language: CSS - Size: 41 KB - Last synced: 23 days ago - Pushed: 23 days 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.01 MB - Last synced: 26 days ago - Pushed: 26 days ago - Stars: 65 - Forks: 7
balshaer/gradients-css
It's a tool features an extensive collection of CSS gradients available for use.
Language: TypeScript - Size: 2.12 MB - Last synced: 26 days ago - Pushed: 26 days ago - Stars: 9 - Forks: 1
cristicretu/meshgrad
🎨 Generate CSS Mesh Gradients
Language: TypeScript - Size: 7.1 MB - Last synced: 30 days ago - Pushed: 6 months ago - Stars: 73 - Forks: 8
Kellsonphilips/Dropdown-Menu
Drop down menu with css
Language: CSS - Size: 8.79 KB - Last synced: 30 days ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0
argyleink/open-props
CSS custom properties to help accelerate adaptive and consistent design.
Language: HTML - Size: 52.6 MB - Last synced: about 2 months ago - Pushed: about 2 months ago - Stars: 4,375 - Forks: 184
shashankkatte/Not2do-List
A Minimal (Not)to-do list app using HTML5, CSS3, jQuery and JavaScript
Language: CSS - Size: 35.2 KB - Last synced: 3 months ago - Pushed: about 4 years ago - Stars: 1 - Forks: 0
gilmoreorless/postcss-gradient-transparency-fix
PostCSS plugin to fix up CSS gradients with transparency for older browsers
Language: JavaScript - Size: 73.2 KB - Last synced: 14 days ago - Pushed: about 2 months ago - Stars: 25 - Forks: 2
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: about 2 months ago - Pushed: over 5 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: 4 months ago - Pushed: 4 months ago - Stars: 1 - 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: 7 months ago - Pushed: over 1 year ago - Stars: 115 - Forks: 11
rh9891/JavascriptCalculator
A simple calculator application utilizing HTML, CSS, and JavaScript.
Language: JavaScript - Size: 56.7 MB - Last synced: 8 months ago - Pushed: over 3 years 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: 9 months ago - Pushed: about 3 years ago - Stars: 0 - Forks: 0
WebWithAman/portfolio-landing-page
This is an Attractive And Responsive Landing Page for My Portfolio Using HTML and CSS.
Language: CSS - Size: 404 KB - Last synced: 9 months ago - Pushed: 9 months ago - Stars: 0 - Forks: 0
Sakif-Hridoy/react-router
Track The English Premier League Team
Language: JavaScript - Size: 2.73 MB - Last synced: 9 months ago - Pushed: almost 3 years ago - Stars: 1 - Forks: 0
saif71/GradientSpector
Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. 😎🎨🖌
Language: CSS - Size: 1.29 MB - Last synced: 10 months ago - Pushed: over 1 year 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: about 2 months ago - Pushed: 11 months 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: 11 months ago - Pushed: 11 months 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: 12 months ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0
CodingJack/Advanced-Color-Picker
Harnessing the full power of CSS Gradients
Language: JavaScript - Size: 4.73 MB - Last synced: about 1 year ago - Pushed: about 1 year ago - Stars: 10 - Forks: 3
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: about 1 year ago - Pushed: over 1 year 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: about 1 year ago - Pushed: over 1 year 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: about 1 year ago - Pushed: about 4 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: 12 months ago - Pushed: almost 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: about 1 year ago - Pushed: almost 7 years ago - Stars: 2 - Forks: 2
Kristle22/grafter-login-project
Login HW project
Language: HTML - Size: 1.97 MB - Last synced: about 1 year ago - Pushed: over 1 year 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: over 1 year ago - Pushed: almost 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: over 1 year ago - Pushed: almost 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: about 1 year ago - Pushed: over 2 years ago - Stars: 0 - Forks: 0
imjeen/flag
make the national flags by gradient, react and redux
Language: JavaScript - Size: 260 KB - Last synced: over 1 year ago - Pushed: about 8 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: about 1 year ago - Pushed: over 3 years ago - Stars: 0 - Forks: 0
nikkipeel/flash-cards
Create flash cards with vanilla Javascript
Language: CSS - Size: 3.91 KB - Last synced: about 1 year ago - Pushed: over 3 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: about 1 year ago - Pushed: about 4 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: about 1 year ago - Pushed: over 1 year 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: about 2 months ago - Pushed: about 5 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: about 2 months ago - Pushed: over 5 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: about 2 months ago - Pushed: over 5 years ago - Stars: 0 - Forks: 0
AlissaKennedy/alissakennedy.github.io
CSS grids + random things about me
Language: CSS - Size: 468 KB - Last synced: over 1 year ago - Pushed: over 6 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: over 1 year ago - Pushed: almost 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: over 1 year ago - Pushed: almost 7 years ago - Stars: 0 - Forks: 0
hongkiat/css3-blending-mode
CSS3 Gradients with Blending Mode
Language: HTML - Size: 1.95 KB - Last synced: over 1 year ago - Pushed: almost 7 years ago - Stars: 0 - Forks: 0