Posts Tagged ‘ CSS3

(Deutsch) LESS mit Fluid-Templates verwenden in Typo3 4.5

TIP: To use LESS optimal fluid with TYPO3 templates, I recommend using the Fluid-Template-Manager (short FTM).

Code-Snippet: Cross-Browser CSS3 Box-Shadow

How to create a cross-browser CSS3 Box-Shadow.
Use -moz for Mozilla, -webkit for Chrome and Safari and -o for Opera:

.box-shadow {
  -moz-box-shadow: 10px 10px 10px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */
  -o-box-shadow: 10px 10px 10px #000; /* Opera */
  box-shadow: 10px 10px 10px #000; /* CSS3 */
}

The walking man from Andrew Hoyer – Using only CSS3 & HTML5

That’s hot! 🙂

The walking man (Andrew Hoyer) at this Page: http://andrew-hoyer.com/experiments/walking/ , is implemented using only CSS3 animations and simple HTML. You can read more about how it was implemented here. Be sure to view this experiment on an iPhone, iPod or iPad (or android device). 😉