Animated <Hr>

23.08.2018

Animated hr (element BAM + modifiers).

Made with: HTML,CSS (SCSS)

View Code

Animated <Hr>

Fullwidth <Hr>

9.03.2018

Overflow the parents container and stretch it to 100vw.

Made with: HTML,CSS (SCSS)

View Code

Fullwidth <Hr>

Hr With Css

30.04.2017

HR with CSS generated content.

Made with: HTML,CSS

View Code

Hr With Css

<Hr>

20.04.2017

Atlas themed horizontal line (hr).

Made with: HTML,CSS

View Code

<Hr>

Html <Hr> Tags

31.03.2017

HTML <hr> with custom CSS.

Made with: HTML,CSS

View Code

Html <Hr> Tags

Hr With Centered Text

20.07.2015

Little dynamic HR tag that still pulls the content from the HTML, but gives it a bit more style. It also fails gracefully to a standard HR tag.

Made with: HTML,CSS (SCSS)

View Code

Hr With Centered Text

Some Hr Styles

27.11.2014

Messing around with some horizontal rule styles.

Made with: HTML,CSS (SCSS)

View Code

Some Hr Styles

The Humble Hr

30.03.2014

Made with: HTML,CSS

View Code

The Humble Hr

Humble <Hr>

16.03.2014

A very simple and subtle approach to <hr>s with an .activated state. Added label siblings to show additional information.

Made with: HTML,CSS,JavaScript

View Code

Humble <Hr>

Html <Hr>

16.03.2014

Nice combination of <hr> style and content.

Made with: HTML,CSS

View Code

Html <Hr>

Hr Example

15.03.2014

Made with: HTML,CSS

View Code

Hr Example

Knight Rider Hr

15.03.2014

Single element hr with kitt and karr light bar effect.

Made with: HTML,CSS

View Code

PlaceholderKnight Rider Hr

The Humble Hr

15.03.2014

Uses CSS counters. Base-64, CSS3 animations. Pretty cheesy at the moment but this is more to demonstrate what you can do without compromising semantics and using only a single element to do quite a lot.

Made with: HTML,CSS (SCSS)

View Code

The Humble Hr

Subtle Hr

15.03.2014

Made with: HTML,CSS

View Code

Subtle Hr

A Bit Of Elegance

14.03.2014

The <hr> element is used to add some finesse to a responsive and beautifully typeset article.

Made with: HTML (Haml),CSS (SCSS),JS (CoffeeScript)

View Code

A Bit Of Elegance

Simple Styles For Horizontal Rules

13.09.2013

18 Simple Styles for horizontal rules (<hr> CSS design).

Made with: HTML,CSS

View Code

Simple Styles For Horizontal Rules

Hr Department

26.10.2012

List of stylized horizontal rules.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Hr Department