Blog

FunnyText

funny-textFunnyText.js è un plugin jQuery che permette di creare animazioni con le lettere all’interno di un testo: è possibile configurare i colori, la velocità di movimento, la dimensione del carattere.

JQUERY

 

HTML

funnyText.js
This is an example

CSS

.text1, .text2{
display:block;
text-align:center;
}
body{
font-family:arial;
}
.text2 span {
background-color: #DFE2DB;
}
.text2 span.active {
background-color: #3B3738;
}
.table{
display:table;
width:100%;
height: 100%;
}
.tableCell{
display:table-cell;
vertical-align: middle;
width:100%;
height: 100%;
}
body, html{
margin:0;
padding:0;
height:100%;
background-color: #00AEEF;
background-color: #00AEEF;
}
.text1, .text2{
display:block;
text-align:center;
}
charWrap {
display:inline-block;
position:relative;
overflow: hidden;
}
.funnyText span.left, 
.funnyText span.right,
.funnyText span.top,
.funnyText span.bottom {
position:absolute;
}
.funnyText .charWrap {
 transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;/** Chrome & Safari **/
-moz-transition: all 0.4s ease-in-out;/** Firefox **/
-o-transition: all 0.4s ease-in-out;/** Opera **/
}
.funnyText .charWrap .top {
top:0;
}
.funnyText .charWrap .left {
left:0;
}
.funnyText .charWrap .right {
right:0;
}
.funnyText .charWrap .bottom {
bottom:0;
}
.funnyText .character {
overflow:hidden;
display:inline-block;
}
FunnyText ultima modifica: 2013-11-25T14:10:46+00:00 da Piesseweb

by

Web Developer & Business Consultant