-->

Saturday, May 26, 2012 Figures CSS

Figures CSS
Today, technology allows you to create CSS more flexible things. CSS3 has successfully replaces the use of graphics in the design of pages, greatly simplifying and easing the code a web page. Today, with CSS you can create not only a realistic gradients, drop shadows, etc. but also to create different shapes. Most of the following codes are used the possibility of CSS3, so will work on the latest browsers. A distinctive feature of the establishment of such figures is the fact that you use only one tag of HTML. Appointing him to this or that class, you can easily switch the shape created by the shape.


Square


Source code:

# square  {
        width : 100px ;
        height : 100px ;
        Background : Red ;
}

Rectangle


Source code:

# Rectangle {
        width : 200px ;
        height : 100px ;
        Background : Red ;
}


Range

Source code:

# Circle  {
        width : 100px ;
        height : 100px ;
        Background : Red ;
        -Moz-border-radius: 50px ;
        -Webkit-border-radius: 50px ;
        border-radius: 50px ;
}

Oval


Source code:

# Oval {
        width : 200px ;
        height : 100px ;
        Background : Red ;
        -Moz-border-radius: 100px  / 50px ;
        -Webkit-border-radius: 100px  / 50px ;
        border-radius: 100px  / 50px ;
}

Triangle up


Source code:

# Triangle-up {
        width : 0 ;
        height : 0 ;
        border-left : 50px  Solid  transparent ;
        border-right : 50px  Solid  transparent ;
        border-bottom : 100px  Solid  Red ;
}

The star (6 end)




Source code:

# Star-six {
        width : 0 ;
        height : 0 ;
        border-left : 50px  Solid  transparent ;
        border-right : 50px  Solid  transparent ;
        border-bottom : 100px  Solid  Red ;
        position : relative ;
}
# Star-six: after {
        width : 0 ;
        height : 0 ;
        border-left : 50px  Solid  transparent ;
        border-right : 50px  Solid  transparent ;
        border-top : 100px  Solid  Red ;
        position : absolute ;
        content : "" ;
        top : 30px ;
        left : 50px- ;
}

Trapezoid


Source code:

# Trapezoid {
        border-bottom : 100px  Solid  Red ;
        border-left : 50px  Solid  transparent ;
        border-right : 50px  Solid  transparent ;
        height : 0 ;
        width : 100px ;
}


Parallelogram

Source code:

# Parallelogram {
        width : 150px ;
        height : 100px ;
        -Webkit-transform: skew ( 20 deg);
           -Moz-transform: skew ( 20 deg);
             -O-transform: skew ( 20 deg);
        Background : Red ;
}

The triangle down to the right


Source code:

# Triangle-bottomright {
        width : 0 ;
        height : 0 ;
        border-bottom : 100px  Solid  Red ;
        border-left : 100px  Solid  transparent ;
}

Triangle Down Left


Source code:

# Triangle-bottomleft {
        width : 0 ;
        height : 0 ;
        border-bottom : 100px  Solid  Red ;
        border-right : 100px  Solid  transparent ;
}

Triangle top right


Source code:

# Triangle-topright {
        width : 0 ;
        height : 0 ;
        border-top : 100px  Solid  Red ;
        border-left : 100px  Solid  transparent ;
}


Triangle top left

Source code:

# Triangle-topleft {
        width : 0 ;
        height : 0 ;
        border-top : 100px  Solid  Red ;
        border-right : 100px  Solid  transparent ;
}


Right Triangle

Source code:

# Triangle- right  {
        width : 0 ;
        height : 0 ;
        border-top : 50px  Solid  transparent ;
        border-left : 100px  Solid  Red ;
        border-bottom : 50px  Solid  transparent ;
}


The triangle to the left

Source code:

# Triangle- left  {
        width : 0 ;
        height : 0 ;
        border-top : 50px  Solid  transparent ;
        border-right : 100px  Solid  Red ;
        border-bottom : 50px  Solid  transparent ;
}

The star (5 end)




Source code:

# Star-five {
   margin : 50px  0 ;
   position : relative ;
   display : block ;
   Color : Red ;
   width : 0px ;
   height : 0px ;
   border-right :   100px  Solid  transparent ;
   border-bottom : 70px   Solid  Red ;
   border-left :    100px  Solid  transparent ;
   -Moz-transform: rotate ( 35 deg);
   -Webkit-transform: rotate ( 35 deg);
   -Ms-transform: rotate ( 35 deg);
   -O-transform: rotate ( 35 deg);
}
# Star-five: before {
   border-bottom : 80px  Solid  Red ;
   border-left : 30px  Solid  transparent ;
   border-right : 30px  Solid  transparent ;
   position : absolute ;
   height : 0 ;
   width : 0 ;
   top : 45px- ;
   left : 65px- ;
   display : block ;
   content : '' ;
   -Moz-transform: rotate ( -35 deg);
   -Webkit-transform: rotate ( -35 deg);
}
# Star-five: after {
   position : absolute ;
   display : block ;
   Color : Red ;
   top : 3px ;
   left : 105px- ;
   width : 0px ;
   height : 0px ;
   border-right : 100px  Solid  transparent ;
   border-bottom : 70px  Solid  Red ;
   border-left : 100px  Solid  transparent ;
   -Moz-transform: rotate ( -70 deg);
   -Webkit-transform: rotate ( -70 deg);
   content : '' ;
}

Pentagon




Source code:

# Pentagon {
    position : relative ;
    width : 54px ;
    border-width : 50px  18px  0 ;
    border-style : Solid ;
    border-Color : Red  transparent ;
}
# Pentagon: before {
    content : "" ;
    position : absolute ;
    height : 0 ;
    width : 0 ;
    top : 85px- ;
    left : 18px- ;
    border-width : 0  45px  35px ;
    border-style : Solid ;
    border-Color : transparent  transparent  Red ;
}
Read more >>
Digg it StumbleUpon del.icio.us

Saturday, April 14, 2012 list of content

Snow News Until Next Monday
This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing.

Snow Leopards in the Wakhan Corridor
A snow leopard in its habitat at the Bronx Zoo. Snow leopards inhabit the mountain ranges of Asia and rarely descend below 6,000 feet. They have luxurious fur 

First Snow
Leaf fall was replaced by snowfall. again in nature, changing of the guard. So it must be sad do not, Life is back to square one. On the canvas with a picture 
11








Read more >>
Digg it StumbleUpon del.icio.us

Sunday, April 8, 2012 Snow News Until Next Monday

Snow News Until Next Monday 
This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing. Following a week of gorgeous weather the snow is set to return next Monday.France, British skiers favourite destination, is in for a glorious week — just look at the picture from Val d'Isere this morning. With a week of perfect mid-season skiing on pristine pistes and blue skies, it's a great time to hit the slopes.
Snow News Until Next Monday 
This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing. Following a week of gorgeous weather the snow is set to return next Monday.France, British skiers favourite destination, is in for a glorious week — just look at the picture from Val d'Isere this morning. With a week of perfect mid-season skiing on pristine pistes and blue skies, it's a great time to hit the slopes.
Snow News Until Next Monday 
This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing. Following a week of gorgeous weather the snow is set to return next Monday.France, British skiers favourite destination, is in for a glorious week — just look at the picture from Val d'Isere this morning. With a week of perfect mid-season skiing on pristine pistes and blue skies, it's a great time to hit the slopes.
Snow News Until Next Monday 
This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing. Following a week of gorgeous weather the snow is set to return next Monday.France, British skiers favourite destination, is in for a glorious week — just look at the picture from Val d'Isere this morning. With a week of perfect mid-season skiing on pristine pistes and blue skies, it's a great time to hit the slopes.
Snow News Until Next Monday 
This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing. Following a week of gorgeous weather the snow is set to return next Monday.France, British skiers favourite destination, is in for a glorious week — just look at the picture from Val d'Isere this morning. With a week of perfect mid-season skiing on pristine pistes and blue skies, it's a great time to hit the slopes.
Read more >>
Digg it StumbleUpon del.icio.us

Monday, April 2, 2012 Snow News Until Next Monday

This week sees stunning sunshine hitting the slopes all day throughout the week with freezing temperatures overnight, making for a perfect week of March skiing. Following a week of gorgeous weather the snow is set to return next Monday.

France, British skiers favourite destination, is in for a glorious week — just look at the picture from Val d'Isere this morning. With a week of perfect mid-season skiing on pristine pistes and blue skies, it's a great time to hit the slopes.

New week, however, there is an expected return of fresh snow to the slopes. Val d'Isere and Tignes are set for a welcome 11cm of snow on Monday, while Meribel, Courchevel, La Plagne and Les Arcs are all set for around 9cm of fresh snow. The sun-filled, south-facing resort of Alpe d'Huez is also set for around 9-10cm of snow after the weekend. source

Read more >>
Digg it StumbleUpon del.icio.us

Monday, March 26, 2012 Snow Leopards in the Wakhan Corridor

Snow Leopards in the Wakhan Corridor
A snow leopard in its habitat at the Bronx Zoo. Snow leopards inhabit the mountain ranges of Asia and rarely descend below 6,000 feet. They have luxurious fur that is highly regarded in the fur trade. Photo by James L. Amos, c. NGS.

Good news about an endangered species: the Associated Press reports that snow leopards have been found at various locations throughout Afghanistan’s Wakhan Corridor. Conservationist George Schaller hopes to create a preserve for the big cats.

For all the latest science news, check out National Geographic Library’s twice-weekly news rundown, Earth Current and check out these Fast Facts about snow leopards.
Read more >>
Digg it StumbleUpon del.icio.us

Wednesday, March 21, 2012 First Snow

First Snow
Leaf fall was replaced by snowfall. 
again in nature, changing of the guard. 
So it must be sad do not, 
Life is back to square one. On the canvas with a picture in black and white place, we will find the bright colors. If the heart is destined to be bold, turn into profit plots of fairy tales . first snow will protect the roof at night. whiteness blinded our morning. See? The sun, rising higher, generously showered with mother of pearl. And when the windows of frost, Zavar you stronger coffee ... I always warm with you ... Seriously ... you're next - and happiness in every breath.
First Snow



First Snow
Marina Frolova 3
Read more >>
Digg it StumbleUpon del.icio.us

Monday, March 19, 2012 let it snow understand the meaning of the lyrics

let it snow understand the meaning of the lyrics

Both of them have a great body shape and dance very very well!
Their moves had kill many of the fans out there including me!
haha!
As I listen to the song, I can feel the sweetness drizzling down from my heart ..haha!
As if they are singing in front of me in my dreamland
=.=
Well, it is a sweet love song if understand the meaning of the lyrics.
Here is the lyrics and again let's sing together!
Enjoy!let it snow understand the meaning of the lyrics
let it snow lyrics
Let it snow, Let it snow

Come to me, come back to me
Let it snow, Let it snow
I go back to sleep again, I wait for you in my dreams

Can't the happy times between us come back to us again
(Can't you come back, can't you give yourself to me)
I don`t know why I`m doing this
You`re ma sweetie, girl, ma lady
Hug my coldness my love

I want your lips, your kiss
I want your love (Your love)
I want your honesty (Your honesty)
Tonight, I want you again
All of my all wants all of you
(baby love you girl, baby love you girl)

Let it snow, Let it snow
I come to you, I hold your hands again
Let it snow, Let it snow
I start to shake again, I go back to those times

The precious times between us, can you return those times back to me?
(Can't you come back to me again, can't I have you?)
I don`t know why I`m doing this
You`re ma sweetie, girl, ma lady
Come back to me again my baby

I want your lips, your kiss
I want your love (Your love)
I want your honesty (Your honesty)
Tonight, I want you again
All of my all wants all of you
(baby love you girl, baby love you girl)

Let it snow
Let it snow
Let it snow
let it snow understand the meaning of the lyrics
let it snow understand the meaning of the lyrics
let it snow understand the meaning of the lyrics
Read more >>
Digg it StumbleUpon del.icio.us
 
Copyright 2010 let it snow
Carbon 12 Blogger template by Blogger Bits. Supported by Bloggermint