Home » Archive by categoryCSS 3 (Page 3)

REM and EM in CSS

One of the most confusing aspects of CSS styling is the application of the font-size attribute for text scaling. In CSS, there different units, pt, px, em and %, by which you can measure the size of text as it’s displayed in the web browser. Which of these...
Continue reading

Active style for navigation

All websites highlight the navigation item of the user’s location in the website, to help users orientate themselves. This is a fundamental requirement for basic usability. To achieve this, most of the developers use ‘active’ class for link in each page. They will have to change the HTML...
Continue reading

Background Image Size

Responsive Background
How to Create a Background Image that Scales with the Browser Window When you start working with responsive designs, the first thing we consider is that the images can adjust to the screen size as well or background image size. The CSS3 property background-size is used to stretch...
Continue reading

text-overflow ellipsis

Quite a while back, CSS added a feature to the text-overflow. The text-overflow declaration allows you to deal with clipped text: that is, text that does not fit into its box. text-overflow comes into play only when: a) the box has overflow other than visible (with overflow: visible...
Continue reading

CSS3 3D Button

How we can use CSS transitions to make it look like a button is 3D when you push it? We can achieve this with the use of an <a> tag and few lines of css. To create the push effect we are going to use the CSS active...
Continue reading

CSS3 Buttons

CSS3 Tutorials and Techniques for Creating Buttons Once upon a time, when a web design required a nice, functional and scalable button it would have had to have been firstly designed in Photoshop, implemented with the sliding doors technique, and you may have had to spice things up...
Continue reading

CSS3 Shapes Examples

Here are the CSS3 shapes examples, most commonly used. Just copy and paste the given css and html for using css3 shapes in you web pages. css3 shapes examples – Circle HTML and CSS for Circle <div id="shape-circle"></div> #shape-circle { width: 120px; height: 120px; background: #434343; -moz-border-radius: 60px;...
Continue reading

CSS3 Shapes

With the introduction of CSS3, use of shapes in websites become easier than using different different images for different shapes. CSS3 shapes, now a days used by most of the UI developers. CSS Shapes describe geometric shapes for use in CSS. With CSS3, we can create Circle, Oval,...
Continue reading

CSS3 Rotate Animation

How to create a rotating image with CSS3? (CSS3 Rotate Animation) With the introduction of CSS3, animation is possible without using jQuery or Javascript. Here, I am giving an example of an image, rotating only with CSS. CSS3 animate and transform properties are used for achieving rotating effect....
Continue reading

CSS Star Rating

Star Rating possible with CSS? Star Rating possible with CSS? Do you think that we can create rating widget in our form without using any jquery plugin? Yes, it is possible. Using labels, radio buttons and few lines of css3, we can create star rating. The following is...
Continue reading