Include CSS File Using @import

Neeraj Agarwal
Include CSS File Using @import
The @import is a rule allowing you to import one style sheet into another.When you are working on a complex website and stuck to managed many stylesheet, then @import is very helpful .The @import rule is another way of loading a CSS file. In this tutorial we are going to explain,How we can use @import  for importing one style sheet into another. Loading a CSS file using @import you can do this by two […]
Keep Reading

CSS Stylish Search Box

Neeraj Agarwal
CSS Stylish Search Box
A search box frequently used by websites to make your website user friendly. By the search box user can search the content. Adding stylish search box on your website.This will help searching data content and also make a website appear professional. In this tutorial we are going to explain how you can make stylish search box using only HTML and CSS. Here we are demonstrate three types of stylish search box with […]
Keep Reading

jQuery CSS Progress Bar

Neeraj Agarwal
jQuery CSS Progress Bar
ProgressBar is a graphical  presentation  which shows some progress. It shows a bar representing the completing of the task. Normally the ProgresBar do not display the amount of completion in numbers. If we want, we can display it in the Text or as graphical format. In this tutorial we are going to explain how we can make a simple and stylish progress bar using jQuery and HTML/css. Here we are explaining five […]
Keep Reading

CSS: Background Gradient

Neeraj Agarwal
CSS:  Background Gradient
In this tutorial I am give you brief explanation about CSS Background Gradient property used for background to display smooth transition between two or more colors which was not possible earlier, as earlier we use to put image or other alternative approach for such effects. Gradient is nothing but a color that fades into another. Types Of Gradients: 1.  Linear Gradients You can create a linear gradient by defining an axis. It can go from left-to-right, […]
Keep Reading

CSS: Background-Image & Background-Repeat

Neeraj Agarwal
CSS: Background-Image &  Background-Repeat
In this tutorial I am going to give an overview on: Background-image, a css property that sets one or more background images for an element like div, paragraph etc., which by default gets placed at the top-left corner of that element, and can be repeated vertically and horizontally or both by using Background-repeat property.  Through this tutorial you will know different variations in order to place your background image.  You can set one or more images in […]
Keep Reading

Float Property CSS – Left and Right

Neeraj Agarwal
Float Property CSS – Left and Right
CSS float is a property that forces any element to float (right, left, none, inherit) inside its parent body with the rest of the element to wrap around it. This property can be used to place an image or an element inside its container and other inline elements will wrap around it. For eg. : Images in newspaper and articles are placed in certain position with rest of the content wrapped around it. One should […]
Keep Reading

CSS Border Property: Style, Width, Color

Neeraj Agarwal
CSS Border Property: Style, Width, Color
The CSS Border property allows you to customize the borders around an HTML elements. It is a shorthand property to set individual border property values in a single place. You can set the thickness or width, color and style of each border. There are mainly three border properties: The border-style :- Specifies whether a border should be solid, dashed line, double line, or one of the other possible values The border-color :- Specifies […]
Keep Reading

CSS Background-attachment Property

Neeraj Agarwal
CSS Background-attachment Property
Using CSS background-attachment property one can either fix the background image or can scroll it accordingly with the rest of the content.   For eg: If you have used an image in your background then normally the image will scroll with the page and its content , but if you have set this property to fixed then the image will stay in the same position. You can also refer the below shown syntax by using which […]
Keep Reading

Background Image Opacity With CSS

Neeraj Agarwal
Background Image Opacity With CSS
When we opt for Background opacity property of CSS for an HTML element generally what happen is it will not only change the opacity of image in background but also reflects the opacity changes in its child elements. The default initial value for opacity is 1(100% opaque). But this tutorial will guide you how to handle this property effectively. Watch the live demo or download code from the link given below Download script   var […]
Keep Reading

Background Image Size CSS – Property

Neeraj Agarwal
Background Image Size CSS – Property
This tutorial will help you to learn about the “background-size” property of CSS and how to set it in your HTML element. The CSS3 method is strongly preferred now a days, as it has given the flexibility to resize the background image and can be reused in different contexts. One can specify the size in pixels or percentages.   Background Size Syntax Keywords syntax- background-size: cover /*Background image will cover both the coordinate of containing box.*/ background-size: contain […]
Keep Reading
Back to top