Posts Tagged "CSS"

css3

Useful :nth-child Recipes

Useful :nth-child Recipes I get a little giddy when I come across perfect uses for:nth-child or :nth-of-type . The better you understand them, the more css nerdgasms you get to have! In these simple “recipes” (really: expressions) I’ll arbitrarily use a…

863 total views, no views today

Read More
css3

5 Useful CSS Tricks for Responsive Design

5 Useful CSS Tricks for Responsive Design 1. Responsive Video This responsive video CSS trick was discovered by tjkdesign.com. I’ve blogged about it before, you may read the details here. It makes the video embed to expand fullwidth to the boundary….

585 total views, 1 views today

Read More
css3

How nth-child Works

How nth-child Works There is a CSS selector, really a pseudo-selector, called nth-child. Here is an example of using it: ul li:nth-child(3n+3) { color: #ccc; } What the above CSS does, is select every third list item inside unordered lists….

795 total views, no views today

Read More
Hire Freelancers and Download Responsive themes for CMS, Joomla, Wordpress, Magento, Opencart, HTML, Plugins and Templates.

Scroll-Then-Fix Content

Scroll-Then-Fix Content. A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. (Presumably the homepage you see when you launch Chrome on Android?) There is a search input in the middle of…

676 total views, no views today

Read More
css3

how to make shadow on text using css

how to make shadow on text using css CSS level 3 has a property called ‘text-shadow’ to add a shadow to each letter of some text. In its simplest form, it looks something like this: h3 {text-shadow: 0.1em 0.1em #333} Which…

525 total views, 1 views today

Read More
Hire Freelancers and Download Responsive themes for CMS, Joomla, Wordpress, Magento, Opencart, HTML, Plugins and Templates.

how to use font-awesome icon in html

how to use font-awesome icon in html After you get up and running, you can place Font Awesome icons just about anywhere with the <i>tag. Some examples appreciatively re-used from the Bootstrap documentation. Basic Icons View LESS View SASS fa-camera-retro…

752 total views, 2 views today

Read More
css3

CSS Transition

The css transition property is a shorthand property used to represent up to four transition-related longhand properties:   CSS .example { transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay]; } These transition properties allow elements to change values over a specified duration, animating…

520 total views, 1 views today

Read More
Please wait...

Subscribe to our newsletter

Want to be notified when our article is published? Enter your email address and name below to be the first to know.

Coupon Code "HAPPY10" - Get Discounts upto 90% + 10% off on Purchase of themes/templates and Plugins