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:...

Read More

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:...

Read More

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;...

Read More

Dolphin CSS Menu

Home About Us Services Our Work Contact Us...

Read More

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...

Read More

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...

Read More

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

.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)...

Read More

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...

Read More

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:...

Read More

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;...

Read More

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:...

Read More