Have you ever wondered how to some websites create an overlay popup when they click on a link or button? Perhaps you are wondering how to create an error overlay or even a simple ad popup (not recommended since those are really annoying).
Before CSS3, there wasn’t really a way to change the default blue text selection color when you highlight some text on a webpage. With current browsers and more support for CSS3, it has been really simple to change the look and color of the text selection.
When you’re trying to work with HTML content that you are unable to edit (perhaps partially because of technical, work-related, or project-based), the only option to add other content without touching the HTML structure is to use the :before and :after pseudo-elements.
Page zoom using mobile browsers can be a great way to view certain areas on a webpage, especially if it’s difficult to see a certain area of the page. However, with mobile versions of certain websites, it may not be a useful feature if your website is already optimized for mobile viewing.
What are CSS3 Transitions? As with many CSS3 features that have been used as of late, many of them have dealt mainly with stylizing static properties. However, with the new CSS3 transitions, you can now do some really cool transition effects for various elements.
Here’s a quick and dirty way to center a website. It’s simple really. You just need to provide two basic properties in your CSS to include in order to center the content on your website.
More and more websites are created each day compared to the early days of the web. With all these various websites and similarities between them, you may ask yourself what the best possible way is to get your website shown to as many people as possible.
There are times when I just want to rip my hair out because of certain browser inconsistencies… primarily those of Internet Explorer 7 and below. One of those is because IE7 doesn’t understand the property of display:inline-block;
In this tutorial, I’ll be showing you how to create a very natural and beautifully designed button that you would usually make in Photoshop using only CSS3. Some of the properties that I will be using heavily are CSS3 text-shadows, box-shadows, gradients and rounded corners. First I’ll show you what we are going to be […]