search

naher94 / rehanbutt.com

A little bit about me and my work. Enjoy! 🎉✈️🌏📷🐧
https://rehanbutt.com
8 stars 4 forks source link

Redacted Easter egg #544

Open naher94 opened 2 years ago

naher94 commented 2 years ago

https://twitter.com/xdesro/status/1529538994350002179?s=21&t=y5UvUWzzs3VM5QuBcCnWtQ

Look at the content on the about page to create this Easter egg

naher94 commented 2 years ago

Doesn't seem to work in Safari due to the way Safari blends or overlays the selection object with the text. Note the selection color is the same as the text color here but its still somewhat legible and not redacted

Screen Shot 2022-09-03 at 12 18 26 PM
naher94 commented 1 year ago

Found the solution here https://stackoverflow.com/questions/14970891/css-selection-color-behaving-strangely-on-chrome

since the browser is trying to mess with the opacity you can override it with background: rgba(0,0,0,.99); by setting the opacity.

naher94 commented 1 year ago

Looks like the right color is background: rgba(27, 37, 51, 0.99); for visual collision of the next

naher94 commented 6 months ago

Might have some A11Y downsides

naher94 commented 6 months ago

sorted out the A11Y issues with this demo using transparent highlight color: https://codepen.io/naher94/pen/abxdQEo?editors=1100