5 ms·
Great work, I love this. Here is a quick playing card example with pseudo elemenets view-source:http://www.clarkeology.com/card.html http://www.clarkeology.com/
by pauly 11y ago
Great work, I love this. Here is a quick playing card example with pseudo elemenets view-source:http://www.clarkeology.com/card.html http://www.clarkeology.com/card.html
- indubitably 11y agoThat’s nice CSS but the HTML is so borked… why not <div class=card data-value="A" data-suit="︎">︎</div> Or something?
- femto113 11y agoOn the "least amount of HTML possible" theme here's a version using only "class", e.g. <p class="2 ︎"/> http://codepen.io/femto113/pen/avzWJq http://codepen.io/femto113/pen/avzWJq Doesn't include the card centers, but does have top and bottom corners. EDIT: HN doesn't seem to like unicode characters? The class should include the suit symbol.
- pakastin 11y agoI think I'll stick with good old elements :) Thanks anyway, and I really appreciate true CSS ::-wizards, don't get me wrong.. ;)
- pauly 11y agoI did have that originally, but <card /> worked in my browser so i ran with it... I'm sure card[suit=$] with a unicode character is not super widely supported css anyway...