Blockquote Styling

23.08.2020

blockquote element styling.

Made with: HTML,CSS

View Code

Blockquote Styling

Blockquote & Cite

9.07.2020

Made with: HTML,CSS

View Code

Blockquote & Cite

Css Grid Tschichold Quote

29.06.2020

Made with: HTML,CSS (SCSS)

View Code

Css Grid Tschichold Quote

Responsive Pull Quote

7.04.2020

This responsive pullquote is really an illusion. The text is moving, not the quote.Creates an interesting callout without CSS Grid.

Made with: HTML (Pug),CSS (Sass)

View Code

Responsive Pull Quote

Html Text Inside A Circle Shape

5.03.2020

Made with: HTML,CSS

View Code

Html Text Inside A Circle Shape

Quote Cards

31.01.2019

Sliding quote cards.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderQuote Cards

Quote Animation

28.01.2019

Pure CSS, flashy purple gradient text with background-clip masking, animation sequence to reveal words & brackets.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderQuote Animation

Quote Box Hover Effects

16.01.2019

HTML and CSS quote with box hover effects.

Made with: HTML (Pug),CSS (SCSS)

View Code

PlaceholderQuote Box Hover Effects

Pure Css Quote

4.01.2019

Pure CSS quote with speech bubble border.

Made with: HTML,CSS

View Code

Pure Css Quote

Quote: Steven Pressfield

31.12.2018

HTML and CSS quote with top/bottom border.

Made with: HTML,CSS

View Code

Quote: Steven Pressfield

Blockquote Styles

15.11.2018

Different styles for showing quotes. Some have gentle animations.

Made with: HTML,CSS (SCSS)

View Code

Blockquote Styles

Quote Example

3.05.2018

Quotes with Font Awesome and pseudo elements.

Made with: HTML

View Code

Quote Example

Blockquote, Flexbox, Rgba, Before Content

16.02.2018

Experimenting with various CSS techniques to help beginners experiment with positioning, colors, transparency, and Flexbox.

Made with: HTML,CSS

View Code

Blockquote, Flexbox, Rgba, Before Content

Quote Styling

7.12.2017

Elegant quote styling.

Made with: HTML

View Code

Quote Styling

Pure Css Blockquote

30.06.2017

Elegant and responsive blockquote solution. Highlight quote text for a neat animation.

Made with: HTML (Pug),CSS (Sass)

View Code

Pure Css Blockquote

Polygon-Style Gradient Pull Quote

16.08.2016

Made with: HTML,CSS (SCSS)

View Code

Polygon-Style Gradient Pull Quote

Alternating Blockquotes

11.12.2015

Made with: HTML,CSS

View Code

Alternating Blockquotes

Stylish Blockquote

6.09.2015

Made with: HTML,CSS

View Code

Stylish Blockquote

Styling Blockquotes

24.07.2015

Styling blockquotes with box-shadow.

Made with: HTML,CSS (SCSS)

View Code

Styling Blockquotes

Fancy Blockquote Style

28.03.2015

Made with: HTML,CSS (SCSS)

View Code

Fancy Blockquote Style