Categorie: ”CSS3

23 Jun, 2010

CSS3: werken met :nth-child() pseudo class

Posted by: Mark In: CSS3|solution

Je zou je moeten verheugen op deze CSS3 eigenschap, gedaan met Javascript of PHP of elke andere programmeertaal om dynamisch elementen te kunnen aanspreken.
Maar ingewikkeld kan deze eigenschap wel zijn, dus hier enkele voorbeelden die je allicht op weg kunnen helpen:

Drop shadow – ofwel de illusie dat iets zweeft en diepte heeft – wordt al jarenlang met afbeeldingen gedaan, ofwel met nuffige semi-CSS oplossingen.
CSS3 is nog niet voor elke browser 100%, maar drop shadow is één van de zaken die we nu reeds kunnen doen en het werkt in:

  • Firefox 3.5+
  • Safari 3+
  • Google Chrome
  • Opera 10.50
  • Internet Explorer 5.5+

Met de komst van CSS3 is het mogelijk via CSS ronde hoeken te bepalen voor elementen, momenteel hebben enkel FireFox/Mozilla en Safari 3 deze optie geïntrigeerd.
Andere browsers zullen het dus voorlopig nog zonder moeten doen, maar hoe gebruik je nu border-radius?

02 Feb, 2009

CSS opacity

Posted by: Mark In: Bug|CSS3|FireFox|hack|Non Valid|safari

Crossbrowser opacity, het is mogelijk, maar momenteel moeten we nog steeds elke browser apart aanspreken

+ Demo

2 Reacties


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.