Keywords / HTML & CSS

Tags: HTML & CSS

Creating a toggle box to collapse or expand content using only CSS3

Creating a toggle box to collapse or expand content using only CSS3
This article describes how to create a toggle box which shows or hides content using only CSS3.

Simple image slider with navigation using only CSS3

Simple image slider with navigation using only CSS3
This is another improved version of the image slider which was presented in the previous articles. Now the slider has navigation elements and caption for each image. All these new elements are animated with CSS3.

How to use counters in CSS

How to use counters in CSS
There are two CSS properties to control the numbering in CSS, counter-reset and counter-increment.

Form validation in HTML5

Form validation in HTML5
Form fields are designed to collect information from visitors of a certain page. But despite the best efforts and explanations, getting the correct information from an average user can be difficult.

CSS3: pseudo 3D text using text-shadow property

CSS3: pseudo 3D text using text-shadow property
The following article demonstrates how a simple text-shadow CSS property with specified values can make an illusion of a 3D text.

Animation in CSS3

Animation in CSS3
In this article you'll learn what you need to know to get started with CSS3 animations.

CSS3: semi-transparent background color using RGBA

CSS3: semi-transparent background color using RGBA
One day may need to make a semi-transparent background color for a specific block. But how to do this correctly using recent features in CSS3?

CSS3: Progressive Internet Explorer (PIE)

CSS3: Progressive Internet Explorer (PIE)
CSS3 provides the developer with abilities to manage powerful features such as rounded corners, shadows, gradients, etc. But since not all popular browsers (IE6-8) are aware of the new properties, implementing these kinds of designer ideas sometimes turns into a nightmare.

CSS3: multiple backgrounds

CSS3: multiple backgrounds
One of the advantages provided by CSS3 is its ability to specify multiple background images for elements.

HTML5: placeholder attribute with cross-browser support

HTML5: placeholder attribute with cross-browser support
The most pleasant innovation in HTML5 is its ability to display default text inside an input field and a text area. This became possible with introduction of placeholder attribute in HTML5.

Affected tags

Not affected tags

Programming languages+140 Textile+79 Markup languages+61 CSS3+39 Animation+19 HTML5+16 Form+14 Image+14 Responsive web design+9 Link+8 Text+7 Table+7 Button+5 @keyframes+5 Icon+5 Internet Explorer+4 Image slider+4 3D+4 Social media+4 List+4 Font+4 margin+3 Checkbox+3 Background+3 Color+3 Drawing+3 Beginner+3 Web+3 Alignment+3 padding+2 Menu+2 Tag+2 Gallery+2 Radio button+2 border-radius+2 text-shadow+2 Tooltip+2 Drop-down list+2 Element+2 @font-face+2 Bootstrap+2 Size+2 transition+2 Lightbox+2 Tools+2 Character encoding+1 script+1 link+1 Optimization+1 hgroup+1 mark+1 abbr+1 Canvas+1 Design+1 Grid+1 Vendor prefix+1 Selector+1 Hack+1 id+1 class+1 Audio player+1 audio+1 hasLayout+1 Code+1 display+1 inline+1 block+1 Flash+1 Adobe+1 placeholder+1 jQuery+1 PIE+1 RGBA+1 Validation+1 Counter+1 Toggle box+1 Media query+1 float+1 Video+1 YouTube+1 Circle+1 Oval+1 Triangle+1 border+1 Filter+1 Effect+1 Star+1 Heart+1 Accordion+1 Gradient+1 box-shadow+1 JavaScript+1 Toggle button+1 vertical-align+1 Shape+1 Block+1 Diamond+1 calc+1 Clock+1 Selection+1 Favicon+1 Bookmarks+1 Framework+1 Component+1 progress+1 Progress bar+1 Typography+1 Adaptive web design+1 Loader+1 Pricing table+1 DOCTYPE+1 HTML document+1 Transitional+1 File structure+1 Formatting+1 Graphics format+1 Insert+1 target+1 Underline+1 Map+1 Snow+1 Email address+1 Email+1 Bulleted list+1 Numbered list+1 Nested list+1 Border+1 Cell+1 Header+1 Text field+1 Hidden field+1 File upload+1 Links+1 Lists+1 Cursors+1 Units+1 Meta tag+1 Google+1