We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Pixelated pictures on Index-page | Forum

Kim
Kim Apr 4 '15
Hi,


Is there som way to modify the CSS (or any other way) so the profile-pictures will show up like this on the front-page? (See attached file)


Best regards Kim

Attachments:
  Snip20150404_1.png (86Kb)
Marina Bircher
Marina Bircher Apr 7 '15
Yeah its possible but not with css in that way. 


With Css you can use the blur attribute to blur photos and mix it with other attributes like contrast to get nice effects:

http://html5-demos.appspot.com/static/css/filters/index.html


With js and canvas you can get this effect:

http://jsfiddle.net/AbdiasSoftware/QznT7/


http://codepen.io/noeldelgado/pen/FmEBh



but dont forget, those are on the client side, it means everyone who knows how to press the F12 key on the keyboard, could get the clear pictures.


Marina Bircher
Marina Bircher Apr 10 '15
Have you tried it?