css

Ticket System in PHP - #4 Ticket Creation

Submitted by Yorkiebar on

Introduction:

This tutorial is the fourth part in my series of how to create a PHP based ticket system. This part will be covering inserting the generated ticket/random string in to the 'tickets' table within your database.

Event:

We only want to insert a new ticket when a certain event occurs, this event will be when the 'Forgotten Password' link or button is clicked/selected.

3D Cube Rotate Animation in CSS

Submitted by GeePee on
In this project, you will learn how to animate a 3D cube rotating using CSS. This is pure css with no javascript code has been included. In my example, I used it as an information of film showing or it can also be used in displaying ads. The cube is rotating continuously on it's certain speed(depending of what speed you want to set). Try this. It's a cool animation. Hope you learn from this.

CSS Animated Photo Banner

Submitted by GeePee on
This project will teach you how to animate a photo banner using css. There is no javascript code or jQuery plugin included. A simple yet interesting to learn project. This is like a image slider but we usually used a javascript or jQuery code. This time we can use css animation. Images are sliding from right to left continuously. Hope you learn from this.

Ticket System in PHP - #2 Generating Tickets

Submitted by Yorkiebar on

Introduction:

This tutorial is a continuation from my previous tutorial in which I covered the database design and HTML password reset form scripting for this password reset ticket system.

Part Two - Fake Data:

Before we can even think of making a password reset ticket system, we need to create a fake user to which we can reset their password.

CSS Image Hover Effects

Submitted by GeePee on
This project will teach you how different effect on hover using CSS. No javascript or jQuery codes used. With just few lines of css codes, you can be able to have these effects. I have here two examples of effect when hovered, blur and grayscale. We have to use the transition property in order to do this. For blur effect, we have to set blur to 5px. And for grayscale, we have to set grayscale to

Changing Colors Animation Using CSS

Submitted by GeePee on
This project will teach you how to create continuously changing colors animation using CSS3. We have to define individual keyframes at percentage points(0% is the starting and 100% is the ending) or we can use from/to keywords. We also have to set the background-color. On the 0% is blue , 25% is red, 50% is green, 75% is purple and then 100% is blue. The colors will continuously change every