HTML/CSS

This is a password generator created using HTML with JavaScript. You can set the characters and the length manually to generate it into password. Try this yourself. Hope this work will help you in your future project. Just leave a comment below for your questions. Thank you!

This simple login screen is created using HTML and purely CSS with JavaScript. It is cool because of the effects while inputting user's username and password. It is very useful and can be used in any system. Hope this simple project will help you in your future project.

This is simple tab menu created using HTML/CSS and Javascript. On click to the menu, special effect play and underline slides to the clicked menu. If you are comfortable with the source code, then you can download a zip file with all the codes. Hope this will help you in your future project. Enjoy coding.

What is animation-direction? The animation-direction property specifies whether or not the animation should play in reverse direction or in alternate cycles. If the animation-direction value is "alternate", the animation played as normal every odd time (1,3,5,etc...) and backwards every even time (2,3,6,etc...). Note: If the animation is set to play only once, this property will have no effect

Let's discuss, what is a animation-delay in CSS3. The animation-delay property specifies when the animation should start. The animation-delay value can be defined in seconds (s) or milliseconds (ms). Syntax of this property: animation-delay: time | initial | inherit ; Property Values: time - it specifies the time (can be a negative number) before the animation begins. This is a time difference

This is a simple HTML and CSS web template with some nice transitions. Hope that you will find it useful. [email protected]

This is a simple example of a responsive site which is created using HTML5 and CSS3. It was intended for beginners to have an understandable and easy codes to create a simple web design. Try it and do it yourself. I hope you learn from this project.

This project will teach you how to create a customized border image in css. You can use your own image to be set as border. We have to simply set the border-image properties like border-image-outset, border-image-repeat, border-image-slice, border-image-source and border-image-width. You can experiment on your own and use my project as an example. Hope you learn from this.

This project will teach you how to show and hide scrollbar in css. First, the scrollbar was hidden. Once content was hovered, the scrollbar showed. This is pure css code. Try it yourself Hope you learn from this.

This project will teach you how to create a rollover hover effect in CSS/HTML. It composed of two the same images but the other one is set to greyscale. First, it only displayed in a greyscale effect, but when you hover it, the original image rollover and displayed. Hope you learn from this.