Monday February 13, 2006
.truelove {
corners: rounded;
corners-radius: 5px;
gradient: vertical;
gradient-top: #000;
gradient-bottom: #555;
border: 2px solid #fff;
dropshadow: yes;
dropshadow-opacity: 50%;
dropshadow-color: #000;
dropshadow-x-offset: right 5px;
dropshadow-y-offset: bottom 5px;
}
Happy Valentine’s Day. One day we will all find .truelove
.
James Finley » 5490 days ago #
border-radius: 5px;
border: 2px solid #fff;
box-shadow: 5px 5px #ccc;
This would, in CSS3, get the border and dropshadow, but there is no plan *unfortunately) for a gradient system in CSS3. You may be able to do that with SVG, though. CSS isn’t for creating graphics, but for styling a page. Though gradients could be used for general styling, I don’t think that it would pass. Whilst with SVG, it is specifically for Vector Graphics. Firefox fully supports SVG, and the Webkit.org (Safari open-source) does too. The Safari that comes through Apple directly supports SVG with an Adobe plug-in.