HTML/CSS

Submitted by: 
This is a simple script written in HTML/CSS. It uses JavaScript to enable its dynamic behavior. Every time you refresh the page, you will get a new set of quadratic equations with answers. It has a little bug in the script and I encourage anyone interested to help me fix it. Have fun. Blessing from the pearl of Africa (Uganda) For more information viist our facebook page: SourceCode Ltd Email :...
Submitted by: 
If you are looking for a simple Video Player with Custom Controls then you are at the right place. We are going to create simple video player to embed video into the webpage. We can easily to implement the video player in the web page using the HTML5. All we need is the <video> element in HTML5, we don’t need to used any jQuery plugin or flash to create a video player in the web page. You...
Submitted by: 
Social Media Image Rolling Effect In this tutorial, we are going to learn how to make Image Rolling Effect using the power of CSS3 not only in the Social Media Image but also to all images you want or in the text. This image rotates in both sides. To rotate those image, kindly hover the cursor to automatically rotate. In this project, it contains simple CSS3 coding to have this effect. You can...
Submitted by: 
CSS Loading Effect In this article, we are going to learn How To Make Loading Effect using CSS . Some programmers or developers they create loading effect using the Flash Software, but as of now they already using the CSS for making the loading effect or any animation even they did not use the Flash Software. For this simple article that we have today, you can change any variant color that you...
Submitted by: 
In this tutorial , we will create a Image Overlay Preloader Using DIV In CSS . It provides a friendly user interface using Bootstrap and CSS . We create a CSS snippet for displaying a preloader over div content. And its not only for the list of content, you can use it for every case where you want to overlay something on the content. Overlaying image on div is a most used featured. To fetch the...
Submitted by: 
Hello, dear developers. I have developed this source code to demonstrate how to code a three column layout website design. I have used external Cascading Style Sheet. This Template contains one HTML file called index.html and one CSS file called style.css Download and use for free. Take a look for the source code. Markup Code <!-- Content Section --> <section class = "container" >...
Submitted by: 
How To Create Mega Menu This source code is used to reduce navigating of the user to the smaller menu that has a maximum list of items. We can avoid multiple navigating in the menu. In this article, we are going to see how the script works in our mega menu. Menu List - HTML This HTML source code shows​ the menu list for the Mega Menu. < ul id = "mega_Menu" > < li > < a href = "#"...
Submitted by: 
In this tutorial, we are going to learn about CSS Filter Effects: Hue-rotate, Invert, Blur, Opacity, and Drop Shadow . This is the continuation of CSS Filter Effects: Brightness, Contrast, Grayscale, Saturate, and Sepia Part I tuorial. And, this is the simple syntax to apply the filter effect in CSS: filter : none | blur ( ) | brightness ( ) | contrast ( ) | drop-shadow ( ) | grayscale ( ) | hue-...
Submitted by: 
If you are looking for about CSS Filter Effects then you are at the right place. Filters effect was primarily part of the SVG or it’s called Scalable Vector Graphics . Short information about SVG, SVG is a markup language that describes the two-dimensional graphics kind of application or an image and it is a set of related graphics script interfaces. CSS filter effect is easy to use, you can use...
Submitted by: 
If you are looking for Overlay Preloader over Div using CSS then you are at the right place. This simple web project, preloader image on Div Element commonly used when the link is clicked by the user it loads before displayed to the next content. The next content takes some time and the user will wait for the next content that they click. If you have this kind of function in your web project,...

Pages