What Web Designers Really Want for Valentine's Day.
.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.
Commentary
Heliologue » 1662 days ago #
I’m going to whimper quietly now, if that’s ok. I wonder when IE would have support… 2010, perhaps?
Wade Winningham » 1661 days ago #
That would be a very nice thing, although I think I would much rather have a class called .myonetruelove which would deal better with the corners you and Stephen could come up with.
James Finley » 1661 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.
Joshua Lane » 1658 days ago #
Hmm… these are all fine selections, but certainly not as delicious as candy ;)
Kyle Jones » 1649 days ago #
Hmm.. You obviously don’t know what your talking about Pierce ;) Perhaps with the recent SVG surge in Safari dev something like this may be closer than we think :D
