- QUOTE CARDS
- QUOTE ANIMATION
- QUOTE BOX HOVER EFFECTS
- PURE CSS QUOTE
- QUOTE: STEVEN PRESSFIELD
- BLOCKQUOTE STYLES
- QUOTE EXAMPLE
- BLOCKQUOTE, FLEXBOX, RGBA, BEFORE CONTENT
- QUOTE STYLING
- Quote Hovering
- PURE CSS BLOCKQUOTE
- CSS Typography Quote
- CSS Quote Effect
- Flexbox Quote Bricks
- POLYGON-STYLE GRADIENT PULL QUOTE
- CSS Quote Style
- STYLING BLOCKQUOTES
- Quote Author
- Continuous Image Border Quote
- Quote Animation Inspiration
- Quote
- Quote Container
- Subtle Quote
- Quote Card
QUOTE CARDS
Sliding quote cards.
Links
Made with
- HTML / CSS (SCSS)
QUOTE ANIMATION
Pure CSS, flashy purple gradient text with background-clip
masking, animation sequence to reveal words & brackets.
Links
Made with
- HTML / CSS (SCSS)
QUOTE BOX HOVER EFFECTS
HTML and CSS quote with box hover effects.
Links
Made with
- HTML (Pug) / CSS (SCSS)
PURE CSS QUOTE
Pure CSS quote with speech bubble border.
Links
Made with
- HTML / CSS
QUOTE: STEVEN PRESSFIELD
HTML and CSS quote with top/bottom border.
Links
Made with
- HTML / CSS
BLOCKQUOTE STYLES
Different styles for showing quotes. Some have gentle animations.
Links
Made with
- HTML / CSS (SCSS)
QUOTE EXAMPLE
Quotes with Font Awesome and pseudo elements.
Links
Made with
- HTML
- CSS
BLOCKQUOTE, FLEXBOX, RGBA, BEFORE CONTENT
Experimenting with various CSS techniques to help beginners experiment with positioning, colors, transparency, and Flexbox.
Links
Made with
- HTML / CSS
QUOTE STYLING
Elegant quote styling.
Links
Made with
- HTML
- CSS/Less
Quote Hovering
HTML and CSS quote hovering.
Made with
- Html / CSS
PURE CSS BLOCKQUOTE
Elegant and responsive blockquote solution. Highlight quote text for a neat animation.
Links
Made with
- HTML (Pug) / CSS (Sass)
CSS Typography Quote
For what it’s worth, you can replace the quote with one of your own. As long as each paragraph is marked up properly and the author attribution is also in a paragraph tag, the quotes will still function the same way!
Made with
- Html / CSS
CSS Quote Effect
Quote effect using a CSS blur filter.
Made with
- Html / CSS / Javascript
Flexbox Quote Bricks
Quote Bricks with HTML and CSS flexbox.
Made with
- Html / CSS
POLYGON-STYLE GRADIENT PULL QUOTE
Links
Made with
- HTML / CSS (SCSS)
CSS Quote Style
HTML and CSS quote style.
Made with
- Html / CSS
STYLING BLOCKQUOTES
Styling blockquotes with box-shadow
.
Links
Made with
- HTML / CSS (SCSS)
Quote Author
Only CSS quote style.
Made with
- Html / CSS
Continuous Image Border Quote
Continuous image border quote with HTML and CSS.
Made with
- Html / CSS (SCSS)
Quote Animation Inspiration
Four examples of transitions quotes with the property “transform”. Four animations to see the author appear.
Made with
- Html / CSS
Quote
HTML and CSS quote.
Made with
- Html / CSS
Quote Container
Pure CSS quote container.
Made with
- Html / CSS
Subtle Quote
A small quote snippet. With subtle animations and all.
Made with
- Html / CSS / Javascript
Quote Card
HTML, CSS and JavaScript quote card.
Made with
- Html / CSS / Javascript