html, css, jQuery, PHP, mySQL

Archive for the ‘CSS3’ Category

CSS Gallery with z-index zoom on :hover.

Monday, August 29th, 2011

In this simple version of a CSS Gallery, an unordered list is used to contain anchor tags with thumbnails as background images. On hover, the images change to larger versions of the same files, overlying the rest of the list. First, mark up a simple unordered list. <ul> <li></li><li></li><li></li> </ul> Now add anchor tags inside […]

Tags: , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials | 1 Comment »

PHP and CSS Colour Changer Script

Thursday, March 31st, 2011

Using PHP variables in your CSS can add interest and interactivity, and you can even personalise colour schemes for individual visitors: let people choose their own CSS styles when they have logged in, or change the colours and images based on the weather or the time of day! This is a very simple PHP random […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in CSS3, PHP, Tutorials | No Comments »

CSS3 Transition and Transform: Spinning Flower

Wednesday, March 23rd, 2011

This tutorial gives instructions for Safari (Webkit), and the demonstration files include styles for Safari and FireFox4. OK so in the last tutorial I showed you how to make an equilateral triangle with css3. Now you can use this basic triangle to make a flower, or another symmetrical shape, using the css3 attributes transform and […]

Tags: , , , , , , , , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials, web design | 4 Comments »

CSS 3 Star Mandala Tutorial

Wednesday, March 9th, 2011

This tutorial is based on an article from css tricks showing how to create triangles with CSS3.   mandala   The basic principal is that you define a div with width: 0 and height:0, and then define three borders: two transparent borders on either side cut the third border into a sharp point (triangle), the […]

Tags: , , , , , , , , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials, web design | 11 Comments »