LibroNegro
New Member
I have never used RBGA in css. I want my box to be a dark shade of purple like this one B50EA7 but I don't know how to change the css to make it work?Or, how can I get the header the purple part that the website http://tylted.com has? How can I get that or any effect close to that?Here is my css:\[code\]body{ font-family: arial, helvetica, freesans, sans-serif; font-size: 100%; color: #333; background-color: #ddd;}.box{ position: relative; width: 500px; padding: 50px; margin: 0 auto; background-image:url('/imgs/page.png'); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);}.box:before, .box:after{ position: absolute; width: 40%; height: 10px; content: ' '; left: 12px; bottom: 12px; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); z-index: -1;} .box:after{ left: auto; right: 12px; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg);} h1, h2{ font-size: 1.6em; font-weight: normal; margin: 0;}h2{ font-size: 1.3em; margin-top: 1.5em;}\[/code\]