SEARCH

Search resources for web designer within website.

SEND

Share with us resources, articles or posts.

SEND POSTS

SEND POSTS

Link Title (required)

Link URL (required)

Post Text(required)

×

SUBSCRIBE

Subscribe to our free weekly newsletter.

Create a Full Page Background Image with CSS3

The other day we looked at 10 Awesome Websites With Full Screen Background Images.  At the beginning of the article I had mentioned that there were a few ways of approaching this effect, some developers prefer to do it with jQuery, some with CSS, and others with Flash.  In this article we’re going to take a look at how to achieve a full screen background image with CSS.
CSS3 allows us to choose between a few different values for the “background-size” property.  The properties are, length, percen…

Create a Full Page Background Image with CSS3 was last modified: January 6th, 2012 by webdesigndev.com

SUBSCRIBE

Subscribe to our free weekly newsletter.

TRENDS POSTS

Faster CSS layout debugging

The cascade part of cascading style sheets can be tricky. Placing an outline on every element can help you figure out ...

Inspiration for Button Styles and Effects

Today we’d like to share some fresh button styles and effects with you. The current “button trend” is quite exciting ...

Freebie: Flat Icon Pack (AI, SVG, EPS, PSD, PNG)

We are happy to share a great freebie today: an exclusive set of 40 pixel-perfect vector icons from Squid.ink. The ...

A Free Mobile Touch Slider

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It ...

Query Improvements in WordPress 4.1

WordPress 4.1 "Dinah" was released in December, and much has been written about the improvements to the user interface: the ...

How to Paint a Dapper Victorian Cat in Adobe Photoshop

Digital artists have the unique ability to travel back in time by tapping into the styles and techniques of other ...

HTML & CSS Examples of Material Design in Action

We touched on Material Design a few months ago (Material Design GUI kits, you should check them out!) just as ...

RICG Responsive Images For WordPress

I recently teamed up with Mat Marquis of the Responsive Images Community Group to help integrate responsive images into the ...

How to Create a Moto 360 Smart Watch in Adobe Illustrator

If you’re into smartwatches, now this is the tutorial for you. With the use of some basic shapes and some ...

Create a Crazy Sticker Bombing Seamless Pattern in Adobe Illustrator

Are you ready to twist your mind and create a super-bright and playful seamless pattern with crazy characters? In this ...

How to Moderate New User Registrations in WordPress

Allowing users to register on your WordPress site can open the door for spam user registrations. While you can fight ...

Secondary sliding navigation

A bold, secondary menu that slides over the main navigation.Today’s resource is a simple, handy snippet: a secondary navigation that ...

Clean Up WordPress with the New WP-Sweep Plugin

After years of creating new content, changing themes, and adding and removing plugins, a WordPress installation can become littered with ...

How to Stop Users From Sharing Passwords in WordPress

By default a WordPress user can login to an account from multiple locations at the same time. This may compromise ...

Resources for Web Designer ordered by popularity on social network
Email to B4WD
MisterWebby - Free PSD
Top