Htmltips - htmltips.info - HTML tips
General Information:
Latest News:
Google Search Box and Button CSS tutorial 24 Feb 2012 | 01:11 am
Google rolled out their new design few weeks ago, so I decided to show you how you can reporduce their search box with the inset shadow effect and the little blue search button. The first part is the...
Pure CSS3 Accordion tutorial 23 Feb 2012 | 08:24 am
With the new CSS3 animation functions we can now create a pure css3 accordion without any javascript at all, I assume you already know the transition functions because we are going to use it for the s...
Gradient Background with CSS3 22 Feb 2012 | 12:41 pm
With the new CSS3 attributes, we can now create gradient backgrounds without using any kind of images at all, only pure CSS, at the end of this tutorial you will achieve the following box, wich is cro...
Div height with float elements inside 21 Feb 2012 | 01:12 pm
This is a problem across all the browsers, happens when a div inside another div have the the float attribute, wich will remove any height from it. The fix is really simple, just use the overflow att...
CSS Scroll bar using webkit 28 Jul 2011 | 11:31 pm
You can customize your site scroll bar with css very easy, by using ::webkit-scrollbar. This will work only under Google Chrome, Safari and other WebKit based browsers, on Firefox or other render engi...
Text selection background color webkit 26 Jul 2011 | 07:07 am
In this tutorial I’m going to show you how to change the background color of the text when you select a text using ::selection attribute. The attribute is cross-browser compatible, so it works perfect...
white-space tag 9 Mar 2011 | 04:23 am
The white-space property specifies how the white-space inside an element should be handled. Example
vertical-align tag 9 Mar 2011 | 04:16 am
The vertical-align property specifies the vertical position of an inline container. It have several possible values, some of them are: baseline, sup, super, top, middle, bottom, etc. Example
text-indent tag 9 Mar 2011 | 04:12 am
The text-indent property specifies the indentation of the first line of text in a block container. Example
text-transform tag 9 Mar 2011 | 04:07 am
The text-transform property specifies if the text will be uppercased, lowercased, capitalized or normal. Example
