css-gradients

There are 1 repository under css-gradients topic.

• open-props

  argyleink / open-props

  CSS custom properties to help accelerate adaptive and consistent design.

  csscss-utilitescss-custom-propertiescss-custom-media-queriescss-colorscss-gradientscss-easing-functionscss-normalise
  Language:HTML 4393

• vicmeow / shapy

  Shapy is a CSS gradient editor that lets you size, position and layer CSS gradients on a single div element.

  vuejscss-gradientsdesign-toolsdeveloper-toolsgradient
  Language:Vue 114

• cristicretu / meshgrad

  🎨 Generate CSS Mesh Gradients

  css-gradientsgradientgradient-generatormesh-gradient
  Language:TypeScript 71
• ColorPicker

  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.

  colorpickercolorpickerwindowsdotnetdevdeveloper-toolsaccessibilitycolor-convertercolor-generatorcss-gradientsgradientpaletteaiai-color-palette
  Language:C# 65

• gilmoreorless / postcss-gradient-transparency-fix

  PostCSS plugin to fix up CSS gradients with transparency for older browsers

  css-gradientspostcsspostcss-plugin
  Language:JavaScript 25
• Advanced-Color-Picker

  CodingJack / Advanced-Color-Picker

  Harnessing the full power of CSS Gradients

  colorcolor-palettecolor-pickercolorpickercss-gradientsgradientgradients
  Language:JavaScript 13

• nikolay-kapustin / CSSGradientToUIKit

  CSS func linear-gradient() to UIKit CGGradientLayer coordinate space conversion

  css-gradientscss-gradientuikit-animationcss-converter
  Language:Swift 12

• balshaer / gradimix

  UI to generate linear gradients

  css-gradients
  Language:TypeScript 9

• hongkiat / css3-glossy-effect

  This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.

  css3gradientscss-gradientscss-effects
  Language:CSS 6

• kevcap / Apple-project

  My 4th project on Microverse's HTML&CSS Course - Learning about CSS Gradients and Backgrounds

  apple-pagecsscss-gradientshtml
  Language:CSS 5

• makeuseofcode / CSS-Background-Patterns

  This repository contains code for CSS background patterns.

  csscss-background-animationscss-backgroundscss-gradientsgradient-backgroundhtmlcss-background-patterns
  Language:CSS 4

• saif71 / GradientSpector

  Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. 😎🎨🖌

  css-modulescss3css-colorsgradientcss-gradientsuiui-gradient
  Language:CSS 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!

  angular13css-gradientsgradients
  Language:TypeScript 2

• untallucas / cssoccer-jerseys

  Playing around with CSS gradients and soccer jerseys.

  csscss3css-gradientssoccer
  Language:CSS 2

• AntonV0 / website-design-system

  Project #13 of Codecademy's Full Stack Engineer Career Path

  button-animationbutton-stylecolor-schemecss-gradientscss3design-systemflexfont-pairingshtml5pseudo-classespseudo-elements
  Language:HTML 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.

  css-gradientshtml-css-javascript
  Language:CSS 1

• 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.

  borderborder-radiuscsscss-gradientsdesignrounded-corners
  Language:CSS 1

• 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.

  css3gradientcss-gradients
  Language:HTML 1

• Kellsonphilips / Dropdown-Menu

  Drop down menu with css

  csscss-gradientscss-gridgrid-layouthtmlhtml5menu
  Language:CSS 1

• mrpbennett / vue-calc

  A simple calculator app build in Vue.js with a little help from tailwindcss

  vuejscalculator-applicationcss-gradientstailwindcss
  Language:Vue 1

• petercr / Random-Quote-Machine

  A random quote machine for Free Code Camp intermediate front-end projects

  html5cssbootstrap4css-gradientsfreecodecamp
  Language:JavaScript 1

• Sakif-Hridoy / react-router

  Track The English Premier League Team

  reactreact-router-domapireact-bootstrapreact-fontawesomecss-gradients
  Language:JavaScript 1

• 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.

  css-bordercss-gradientscss-variablesresponsive-web-design
  Language:CSS 1

• shashankkatte / Not2do-List

  A Minimal (Not)to-do list app using HTML5, CSS3, jQuery and JavaScript

  html5javascriptcss3jquerycss-gradients
  Language:CSS 1

• Ahmed101Mohammed / product-landing-page

  This project is a training project that I built using HTML5 and CSS3

  csscss-flexboxcss-gradientscss-gridcss3htmlhtml5landing-pageresponsive-web-design
  Language:HTML 0

• dadonimous / styled-radio-buttons

  Styled circular responsive radio buttons with css gradients that change on click

  css-gradientscircle-buttonstyled
  Language:CSS 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.

  css-gradientscss-transformationscss-transitionsflexboxformhtmlmockup
  Language:HTML 0

• Kristle22 / grafter-login-project

  Login HW project

  html5css3css-backgroundscss-gradientsiconscss-positionsimagesforms
  Language:HTML 0

• RetroVX / gradientMaker

  Generate amazing random css gradients

  css-gradientscssinjsgradients
  Language:JavaScript 0

• danpoynor / techdegree-project-02

  TeamTreehouse Front-End Developer TechDegree Project 2

  htmlcsscss-gradientsresponsiveresponsive-web-designdeveloper-techdegree
  Language:HTML

• fahadm23 / react-login-form

  A login form that handles data using the React.useState hook!

  csscss-gradientshooksreact
  Language:JavaScript
• flash-cards

  nikkipeel / flash-cards

  Create flash cards with vanilla Javascript

  vanilla-javascriptvanilla-jssvg-backgroundjavascriptcss-animationscsscss-gradientsgradientsflash-cards
  Language:CSS

• prathikotian / cssgradients

  A Study in CSS Gradients

  htmlhtml5csscss-gradientscss-gradientlinear-gradientrepeating-linear-gradientcolorspatternfungradient
  Language:CSS

• rh9891 / JavascriptCalculator

  A simple calculator application utilizing HTML, CSS, and JavaScript.

  htmlcssjavascriptjavascript-calculatorcss-gradients
  Language:JavaScript

• StephenMcVicker / single-div-pumpkin

  A pumpkin created with just a sinhle HTML tag and a ton of CSS!

  csscss-animationscss-gradientshtml
  Language:CSS

• webwithaman / portfolio-landing-page

  This is an attractive and responsive portfolio landing page. It is created using HTML, CSS and JS.

  csscss-gradientscss3htmlhtml5landing-pageportfoilo-website
  Language:CSS