treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Weird shadows on some colors

  • Hi everybody,

    can you check this code, and tell me what you think is happening! :) You'll see something like bluish shadow on the right, and lighter purple border on the left side, and that's not defined. I'm just curious why is this happening.

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title><!-- Insert your title here --></title>
    
        <style type="text/css">
            body {
                background-color: #595959;
            }
            #test {
                background: #a220d6;
                width: 960px;
                height: 130px;
                margin: 0 auto;
                border: none;
            }
        </style>
    
    </head>
    <body>
        <!-- Insert your content here -->
        <div id="test"></div>
    </body>
    </html>
    
  • Not seeing it...http://codepen.io/Paulie-D/pen/qBguy

    Probably just an optical illusion.

    Latest Chrome on W7

  • It has to do with sight orientation relative to the screen. Try moving your head left to right: the color might change a little bit.

    PS: you might look dumb doing that. :D

  • you might look dumb doing that.

    I did...:)

  • Me too :)

    Ok, that wraps it up, tnx guys!