Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

CSS Pseudo-elements

CSS pseudo elements are used to style parts of an element without giving particular Id or class to them. Uses of pseudo elements:- Used to style or add effect to the first letter or first element from the list of elements. With the hel...

Customising bullets in UL/LI list

Hi Readers! List items are very commonly used in webpages. Lists can be ordered or unordered. The ordering of the items is very simple, by default. This can be customised with standard CSS. Let us first talk about the ordering of the list item...

Animated File Folder Using CSS3

Hello Readers , today in my blog I have tried to create animated file folder with the help of CSS3 properties.   As we all do work on the computer and there is the need to manage our work in a simplified way , so for that we create fol...

An Overview Of Forms Using JQuery with Progress bar

Hello readers , today in my blog I will discuss about creating a form using JQuery along with the use of progress bar .   In this blog , I have simply created 3 forms whose first step includes the form for creating your account that in...

Applying different CSS to different parts of a single character

Hey Readers! We have all styled HTML elements with various sort of CSS. The styling applies to whole of the element. But have we ever tried applying different CSS to one single character, i.e. one half with one CSS and the other half with othe...

Inner border over images with CSS

Hello Readers! We have all applied borders of all types on the outside of an image, a div, a text etc. Let us look how to do the exact opposite of this i.e. applying a border on the inside (here, an image). The result should look something ...

Overriding The default text selection color with CSS

Hello Readers! Browsers have a default text selection color (mainly, blue or orange). However, this setting can be overrided with the CSS  pseudo-element ::selection. This overrides the browser-level text selection color with a color of ...

A Creative Link With Hover Effect Using CSS3

Hello readers , Today's in my blog I have created a Creative Link with hover effect using CSS3 transition ,transform and translate property and have also made the use of pseudo-elements before and after.   In my blog I have tried t...

What is :target selector ?

The :target pseudo-class represents a unique element, with an id matching the fragment identifier of the URL of the document.. For example, the URL http://website-path#demo contains the fragment identifier #demo. In HTML, identifiers are found...

Make a shape using css

Hello reader ! If you want to make a shape using pure css (after and before pseudo Elements) without using any images follow the code below. .wrapper{ height: 220px; width:500px; margin: 0 auto; } .wrapper .midtop{ mar...

Create shapes using css

Hello readers! In this blog we will discuss how to make shapes using css only. to make any shape we have to know mainly about 2 pseudo Elements. ::before :- We can use this element to insert some content before an element. ::after :- W...
Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: