CSS Hat
Today we are going to look at a tool that takes a design from Photoshop to the web in a click: CSS Hat.
Showing posts with label HTML/ CSS. Show all posts
Showing posts with label HTML/ CSS. Show all posts
CSS Hat
CSS PositioningThis tutorial is for css beginners who has just come across the CSS Positioning attributes called absolute and relative but can' t find themselves comfortable with their real meaning and their implementation.
Customizing scrollbars has become a new trend nowadays.Learn how to use the vendor-
prefixed properties
prefixed properties
Make a round circle with border-radius and create inner shadow effect with box-shadow inset?
In the previous tutorial we used the negative scale transformation property to give reflection of text.Now that can be made more easy using css3 feature called box-reflect.Here we will use it to give reflection of an image.
Very often we see the text reflection in many websites which gives a very fresh look to the text as well as to that website.So in this tutorial we will cover a basic technique of flipping the text vertically to make it look like a reflection.
Learn how to make an arrow to a tab using borders.This is generally achieved through the use of tiny images however, with CSS, we can make this effect quite easily.
In this tutorial,we'll give inset and outset type text-treatment just using text-shadows.Through color and slight shading it creates the appearance that the text has been pushed inward into the background
We have seen in i-phones how the shine slides over the text,now we are going to create the same effect using CSS3 animations and gradient technique.
Using CSS3 and a little background gradient know how you can give liitle bit of metallic shine to your buttons .
Now everytime we want to give some nice effect to the text we don't need to move to photoshop,css3 has made it easy to give very nice photoshop like effects to the text using text-gradient attribute along with some other selected attributes.
Now using css3 we can rotate the text, images and many more things by applying css 3 transform attribute and then using the text shadow technique we can give special effects to the text.
