Hi i’m using div’s to create a split line between text. challenge is that it can’t go below 1px how can I create hairline splitters in web flow?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi i’m using div’s to create a split line between text. challenge is that it can’t go below 1px how can I create hairline splitters in web flow?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
That’s because 1px is the smallest unit… due to hardware limitations.
You can set opacity of background/border colour to 20% to make it seem thinner.
that does’t yield the desired effect. is it a web flow limitation?
No, this is a HARDWARE limitation. Pixels are actually pixels on your monitor. It doesn’t physically get any smaller than that.
See these answers for workarounds:
HTML: Sub-pixel border - Stack Overflow
CSS border less than 1px - Stack Overflow
This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.