This tutorial will show you how to set 100% full height div with CSS with simple lines. The percentage (%) is a relative unit so the resulting height depends on the height of parent element’s height. So we must set HTML and body elements height to 100%, so the resulting height of container div becomes […]
One of the little known styling options is selection text styling with in the browser.Yes, it is possible to define color, background and text-shadow for text the user selects. The double colon :: CSS pseudo-element is required for styling. Windows provides a dark blue color for text selection and Mac provides a lighter blue color […]
By default, placeholder text in inputs has a light gray color(if the browsers support) and which appears in an input field until the user puts focus on the field. Placeholder text is a hint or prompts to users as the format or type of information they need to enter. You will need vendor prefix CSS […]
Hiding the mouse cursor on the page or element is really not a useful thing in reality.Here I just want to show you that hiding mouse cursor is also possible with CSS’s cursor property. The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.In reality, we use cursor […]
The transitions properties allow us to set delay time while elements changing from one state(style) to another state(style). Note: If the duration part is not specified, the transition will have no effect, because the default value is 0. Example: CSS3 Transitions Explanation if you mouse over the div, width will increase up to 200px with […]
Making images responsive (fluid Images) is essential in responsive layouts. Fortunately, it is pretty easy to do with simple CSS Techniques. For Example, if we have a div Container with 400px width, the image will be 400px, if we resize the div container to 200px the image will be automatically resized to maximum available space, […]
Today’s post is about Preventing Css and Js Files being Cached on client Machine, we often change our css & js files to enhance our websites, due to browser cache, new changes will not reflect on client system to void this situations you can use the following method, however this method is not preferred in […]
Below is a list of some CSS generators that will help make your life as a web designer much easier. 1. CSS3 Generator My favorite, the CSS3 generator will allow you to create virtually every CSS3 feature out there (box shadow, box radius, text shadow, font-face, transitions, selectors, and gradients) it is pretty much the […]
When Making links with Background images to keep text visible to search engines or text-to-speech applications we use Text indent about large negative values to hide the anchor Text We Give. It works on all major browser except IE7. So, In order to fix This issue, we have to add the text-transform to uppercase or […]
Css Compressors MinifyMe, a minimizer for CSS and Javascript http://isnoop.net/tools/css.php http://www.cssdrive.com/index.php/main/csscompressoradvanced/ Js Compressors http://dean.edwards.name/packer/ http://javascriptcompressor.com/
In some special situations need to disable Text Selecting(copying) on the webpage. we can achieve this with JavaScript and CSS, below is the CSS trick.
Here is the simple tutorial On Twitter Like Login Box Show and Hide effect with JQuery, You can achieve this with fewer lines of code Using JQuery Events, and require some CSS to give styles. Html Code : Css Code : jQuery code: Please don’t forget to share and subscribe to latest updates on the […]
CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list. Multiple backgrounds are supported by the latest versions of Firefox, Chrome, Safari, and Opera. even IE9 also supported multiple backgrounds.
Just for Quick copy past
Below snippets will set the opacity of the elements and its children.