Line on side headings in CSS

A discussion started in our Slack channel on how to best accomplish a design like this:
This legend-style line-on-side heading is a popular trend right now, and there doesn’t appear to be a definitive approach.
Creating some lines atop a solid ba…


This content originally appeared on Welcome to my blog on Trys Mudford and was authored by Welcome to my blog on Trys Mudford

A discussion started in our Slack channel on how to best accomplish a design like this: This legend-style line-on-side heading is a popular trend right now, and there doesn’t appear to be a definitive approach. Creating some lines atop a solid background isn’t too challenging, the difficulty comes when you overlay it on a gradient or photograph. Neat, but it would be nicer if the extra markup wasn’t there.


This content originally appeared on Welcome to my blog on Trys Mudford and was authored by Welcome to my blog on Trys Mudford


Print Share Comment Cite Upload Translate Updates
APA

Welcome to my blog on Trys Mudford | Sciencx (2018-05-09T00:00:00+00:00) Line on side headings in CSS. Retrieved from https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/

MLA
" » Line on side headings in CSS." Welcome to my blog on Trys Mudford | Sciencx - Wednesday May 9, 2018, https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/
HARVARD
Welcome to my blog on Trys Mudford | Sciencx Wednesday May 9, 2018 » Line on side headings in CSS., viewed ,<https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/>
VANCOUVER
Welcome to my blog on Trys Mudford | Sciencx - » Line on side headings in CSS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/
CHICAGO
" » Line on side headings in CSS." Welcome to my blog on Trys Mudford | Sciencx - Accessed . https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/
IEEE
" » Line on side headings in CSS." Welcome to my blog on Trys Mudford | Sciencx [Online]. Available: https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/. [Accessed: ]
rf:citation
» Line on side headings in CSS | Welcome to my blog on Trys Mudford | Sciencx | https://www.scien.cx/2018/05/09/line-on-side-headings-in-css/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts