புதன், 29 பிப்ரவரி, 2012

TEST 3D TEXT

#animationWrapper { width:200px; font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif; background:#222; padding:40px;}/* link which encapsulates SPANs */#animationWrapper a { font-weight: 800; text-transform: uppercase; font-size: 42px; line-height: 0.9em; margin-bottom: 10px; display: block; position: relative; color: #E58; text-decoration: none}/* span and a - "workers" */#animationWrapper a, #animationWrapper span { -webkit-transition: all 0.12s ease-out; -moz-transition:...

MY TEST POST 2

#page-peel {width: 40px;height: 40px;position: fixed;top: 0;left: 0;}#page-peel:hover {width: 350px;height: 350px;transition: ease 1s;-webkit-transition: ease 1s;-moz-transition: ease 1s;-o-transition: ease 1s;}#page-peel-content {background: transparent;white-space: normal;overflow: hidden;width: 35px;height: 35px;position: fixed;top: 0;left: 0;}#page-peel-content:hover {width: 300px;height: 300px;transition: ease 1s;-webkit-transition: ease 1s;-moz-transition:...

lea Me menu

/* =Menu-------------------------------------------------------------- */#access,.demo hgroup { position: relative; margin: 1em 0 1em -40px; clear: both;}#access:before,.demo hgroup:before { content: ""; position: absolute; left: -10px; bottom: -9px; z-index: 1; border: 10px solid transparent; border-right-color: #c50;}#access ul,.demo hgroup > h1 { display: block; position: relative; z-index: 2; padding: .2em 30px; margin-right: -2em; list-style: none; background: #f72; font-family: Georgia, Palatino, 'Palatino Linotype', serif; font-weight:bold;...

Dolphin CSS Menu

Home About Us Services Our Work Contact Us...

Make Link Effect Rainbow Without Hover linkcycle

//![CDATA[//www.JavaScript-FX.comfunction getColor(start,end,percent){function hex2dec(hex){return(parseInt(hex,16));}function dec2hex (dec){return(dec16?"0":"")+dec.toString(16);}var r1=hex2dec(start.slice(0,2)),g1=hex2dec(start.slice(2,4)),b1=hex2dec(start.slice(4,6));var r2=hex2dec(end.slice(0,2)),g2=hex2dec(end.slice(2,4)),b2=hex2dec(end.slice(4,6));var pc=percent/100;var r=Math.floor(r1+(pc*(r2-r1))+.5),g=Math.floor(g1+(pc*(g2-g1))+.5),b=Math.floor(b1+(pc*(b2-b1))+.5);return("#"+dec2hex (r)+dec2hex (g)+dec2hex (b));}function cycleColor(theClass,start,end,index,speed){if(index==0){start=end;end=(end+1)%allColors[theClass].length;}var...

Oh God ?????????

Bangun tidur...Terus mandi...Tidak lupa menggosok GIGI.Habis mandi ku tolong Ibu.Membereskan...Tempat tidurku...Bantal guling bau ompol.Cxtir sonis li kak, on mne maks zvestis profesor. Gda polakju blagodarim vo. Troh zxiznuf mai te. Kupit pervju jazikas na sos, kak iz edat podpor. Uzx zavod tomatis televidenie do. Znat dajte dev no, ku hce gladju sportju vipolnil. Fu ma'n Noper bléit rem, méngem ugedon mir hu. De Monn grouss d'Kàchen den, d'Beem sëtzen do mir, bei d'Wise klinzecht op. Nei geet eise kréien et, ké stét d'Hiezer däischter dan. Sin...

குண்டு பல்பு (எரியுது )

.light{ position:absolute; width:150px; height:150px; top:10px; left:350px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbM0Cbbl0PWou9mvARjGO_8y_ELnqPI-fM5kWGuNFPkz-rnyqjBy-DBPVT149b_ylie0MIB9VP1vSRQeA9N6qDuYadTmSYNTajcT68YsZ-ivXcZgIhAVGd0BUSas4_T-x4NSny8SIojeOg/s1600/lightbulb.png) no-repeat -150px 0;cursor:move; z-index:800;}.light:hover { width:150px; height:150px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbM0Cbbl0PWou9mvARjGO_8y_ELnqPI-fM5kWGuNFPkz-rnyqjBy-DBPVT149b_ylie0MIB9VP1vSRQeA9N6qDuYadTmSYNTajcT68YsZ-ivXcZgIhAVGd0BUSas4_T-x4NSny8SIojeOg/s1600/lightbulb.png)...

Pull out image using CSS3 keyframe animation

.pulloutimage{ position: relative;}.pulloutimage img{ position: absolute; /* absolute position and stack images inside container */ left: 0;}.pulloutimage img.ondemand{ /*CSS for image shown on demand */ opacity: 0; visibility: hidden; /* hide it initially (mainly for legacy browsers) */}.pulloutimage img.original{ z-index: 1; /* set base z-index of initially shown image */}@-webkit-keyframes revealfromright{ /* keyframe animation that slides a DIV...

Cool headings with pseudo-elements

html{ background: #eaeaea url(http://www.red-team-design.com/wp-content/uploads/2012/01/wall.png); font-size: small; font-family: Arial, Helvetica; } body{ width: 60%; margin: 50px auto; padding: 15px; position: relative; /*needed for heading4 rule*/ z-index: 0; /* again, just for heading4 rule*/ border: 7px solid #cecece; border: 7px solid rgba(0,0,0,.05); background: #fff; background-clip: padding-box; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5); box-shadow: 0 0 2px rgba(0, 0, 0, .5); } h1{ font-family:...

Fancy FAQ page using CSS3 only

body{ margin: 80px auto; width: 550px; font: 14px 'trebuchet MS', Arial, Helvetica; background: #f5f5f5 url(http://www.red-team-design.com/wp-content/uploads/2012/02/grid.png); } .faq-section{ margin: 40px 0; } .faq-section input, .faq-section p{ display: none; } .faq-section label+p{ display: block; color: #999; font-size: .85em; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; /* Clipping text */ text-overflow: ellipsis;...

CSS3 & jQuery folder tabs

LKHJKL/* ------------------------------------------------- */#tabs{ overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none;}#tabs li{ float: left; margin: 0 .5em 0 0;}#tabs a{ position: relative; background: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image:...