CSS Help
- Started
- Last post
- 3 Responses
- L3Vi
I'm trying to create a fingerpint (like this:
) by only using css and text.
To be more specific, I have some text, and I have to manipulate it enough to create something that resembles a pretty accurate fingerprint. No graphics can be used, just pure text. I'm completely lost, but I was hoping somebody could point me in the right direction.
Thanks in advanced.
- gabriel20
does the text need to be sensible or can it just be a ton of absolutely position bullets?
- L3Vi0
It needs to be sensible...The text is going to be some background information on a security firm. It doesn't have to be readable though.
- Hym0
think about it, basically your text will be used as a raster for the image, and not the most simple one either, so you either have to make the text small beyond recgonition or you have to fill a whole screen with text and the text area cant be resized obviously
then you have the choice to use anti aliasing (gray scale values on the characters) to help defining curves or an aliased raster of your symbol (just two alternating characters)
you could use font weights but because it's for a web page you cant, so you have the choice between using different character sizes, differen font colors or a combination with background color to portray brightnes value from your image
the only thing CSS will be doing is define the character styles so what you really want is a sort of ASCII art generator that can export html, there after you can find/replace the html tags with your CSS classes
in short, not that hard to code but it's a horrible bad idea and will most likely look bad anyway