https://github.com/killshot13/github-upload
https://github.com/killshot13/github-upload
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/killshot13/github-upload
- Owner: killshot13
- License: mit
- Created: 2021-03-29T23:26:41.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-30T10:36:44.000Z (about 4 years ago)
- Last Synced: 2025-02-07T12:46:43.623Z (3 months ago)
- Language: CSS
- Homepage: https://lab.github.com/githubtraining/uploading-your-project-to-github
- Size: 2.93 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.markdown
- License: license.txt
Awesome Lists containing this project
README
# Pure CSS Blockquotes
A Pen created on CodePen.io. Original URL: [https://codepen.io/killshot13/pen/MWJeOwE](https://codepen.io/killshot13/pen/MWJeOwE).
Developed using only CSS and HTML, these blockquotes examples offer a nice way to show off your site's accent color(s) without much extra work.
By using the natural breakpoints in `border` and changing the `width` of the "negative space", I was able to create two nice angled versions.
This is made possible by giving `border-bottom` and `border-top` the exact same color as `background-color`, creating a simulated angle that would otherwise be hard to achieve on such a narrow width.
I'm sure I cannot be the only one to have thought of this idea, but I have not yet come across it so I am quite proud to take credit for this version of the concept at least.
Of course, anyone is free to use it or find ways to improve it. Just put a link back in the comments please!