Discover georgewpark/CSS-Gradient-Rounded-Borders Open Source project

Stars
1
Language
CSS
License
MIT License
Created about 6 years ago
Updated almost 6 years ago

georgewpark

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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.

Instagram-Profile-Layout

This project demonstrates how CSS grid (with flexbox and float fallback) can be used to re-create the layout of an Instagram profile page.

HTML

3D-Emoji-Town

This project demonstrates how pure CSS can be used to create an animated 3D emoji town.

CSS

LastPass-Vault-Layout

This project demonstrates how CSS Grid (with flexbox fallback) can be used to re-create the LastPass vault layout.

HTML

Simple-SCSS-Compiler

A simple SCSS compiler using npm scripts.

CSS

Pizza-Builder

A 'create your own' style visual pizza builder using React.

SCSS

Simple-JS-Compiler

A simple JavaScript compiler using npm scripts.

Full-Screen-Background-Video

This project demonstrates how CSS grid and the 'object-fit' CSS property can be used to create a background video that scales to cover the full screen while maintaining its aspect ratio.

CSS

Rick-and-Morty-Character-Search

This project demonstrates how React can be used to display character information fetched from the Rick & Morty API.

TypeScript

Image-Gallery-with-CSS-Grid-and-Flexbox

This project demonstrates how CSS Grid (with flexbox fallback) can be used to create a responsive image gallery with no media queries.

HTML

georgewpark.github.io

Personal website.

TypeScript

georgewpark/CSS-Gradient-Rounded-Borders

georgewpark

Reviews

Repository Details

More Repositories