CSS text background with angles
Three methods for displaying the ends of a text background with angles instead of square ends.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <input id="file" type="file" /> | |
| <img id="preview" /> |
| <script type="application/ld+json" async> | |
| { | |
| "@context": "http://schema.org", | |
| "@type": "Person", | |
| "name": "Dean Hume", | |
| "url": "http://www.deanhume.com", | |
| "image" : "http://d1cf5d4f6459eaab586f-791099b254e564f039f4f8eec59a966d.r53.cf3.rackcdn.com/logo.png", | |
| "sameAs" : [ | |
| "https://twitter.com/DeanoHume", | |
| "https://uk.linkedin.com/in/deanhume", |
Clock with progress bar indicators.
Gives Day, Date, && Time of Day ( morning, afternoon, evening, night, midnight).
A Pen by Tiffany Rayside on CodePen.