Getting Creative With Quotes

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, decorative quote marks, custom shapes, and a few unexpected properties.


Getting Creative With Quotes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

https://css-tricks.com/getting-creative-with-quotes/

Creato 1d | 11 ago 2025, 14:30:13


Accedi per aggiungere un commento

Altri post in questo gruppo

CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.


CSS-Questions or

12 ago 2025, 15:50:20 | CSS tricks
Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.


11 ago 2025, 16:40:19 | CSS tricks
How to Prepare for CSS-Specific Interview Questions

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.


8 ago 2025, 14:30:14 | CSS tricks
Bringing Back Parallax With Scroll-Driven CSS Animations

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

6 ago 2025, 13:50:10 | CSS tricks
Thinking Deeply About Theming and Color Naming

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.


4 ago 2025, 15:30:17 | CSS tricks
Keeping Article Demos Alive When Third-Party APIs Die

Is there a way to build demos that do not break when the services they rely on fail? How can we ensure educational demos stay available for as long as possible?


30 lug 2025, 15:10:10 | CSS tricks
Making a Masonry Layout That Works Today

I went on to figure out how make masonry work today with other browsers. I'm happy to report I've found a way — and, bonus! — that support can be provided with only 66 lines of JavaScript.

<hr

28 lug 2025, 14:20:22 | CSS tricks