3 ms·
I just spent a bunch of time on inspect element trying to figure out how the section headings are set at an angle and (at least with Safari tools), I’m stumped.
by dhosek 3y ago
I just spent a bunch of time on inspect element trying to figure out how the section headings are set at an angle and (at least with Safari tools), I’m stumped. So how did he do this?
- caperfee 3y agoThe style is on the `.post-title` element: `transform: skewY(-2deg) translate(-1rem, -0.4rem);`
- aaron_seattle2 3y agoh1, h2, h3, h4, h5, h6 { transform:skewY(-2deg) translate(-1rem,0rem); transform-origin:top; font-style:italic; text-decoration-line:underline; text-decoration-color:goldenrod; text-underline-offset:4%; text-decoration-thickness:.25ex }
- skgough 3y agorelated, I thought the minimap was using the CSS element() function [0], but it turns out it's actually just a copy of the article shrunk down real small. [0] https://developer.mozilla.org/en-US/docs/Web/CSS/element https://developer.mozilla.org/en-US/docs/Web/CSS/element
- deleted 3y ago[deleted]