nome utente accusato » fc bf ff
ai danni di » Lìthìum
Stamp originali » click
Stamp ripper » click - click
L'utente è stato contattato? » no, ho deciso di chiedere aiuto direttamente qui, è la prima volta che mi plagiano -.- e ammetto che fa incazzare non poco.
Note »
come potete notare, ovviamente la struttura è 'diversa' in quanto ha preso i miei codici solo per quanto riguarda le sezioni. E ovviamente se si comparano, sono esattamente identici. Voleva fare la furba, ma io per puro cu*o mi sono ritrovata sul suo pfolio proprio mentre stava settando la skin, infatti come potete vedere nei due stamp, nel primo la sezione è ancora quadrata e nel secondo stava cercando di 'camuffare' la skin, rendendola più personale. Infatti ora la skin sua è così -> click
Aggiungo che i codici lì delle didascalie li ho presi da un sito esterno di tutorial per il web design, quindi non sono miei, ma è impossibile che li abbia pescati lei, perchè qui sui forum ce li ho portati solo io -.- quindi dimostra che ha ficcato il naso nelle mie skin.
Io intanto l'ho bannata sia dal mio pfolio, sia nei forum delle skin da me create, e così farò nonappena ne creerò delle altre.
I codici parlano da soli:
Miei:
suoi:
Edited by Lìthìum - 10/10/2012, 19:50
ai danni di » Lìthìum
Stamp originali » click
Stamp ripper » click - click
L'utente è stato contattato? » no, ho deciso di chiedere aiuto direttamente qui, è la prima volta che mi plagiano -.- e ammetto che fa incazzare non poco.
Note »
come potete notare, ovviamente la struttura è 'diversa' in quanto ha preso i miei codici solo per quanto riguarda le sezioni. E ovviamente se si comparano, sono esattamente identici. Voleva fare la furba, ma io per puro cu*o mi sono ritrovata sul suo pfolio proprio mentre stava settando la skin, infatti come potete vedere nei due stamp, nel primo la sezione è ancora quadrata e nel secondo stava cercando di 'camuffare' la skin, rendendola più personale. Infatti ora la skin sua è così -> click
Aggiungo che i codici lì delle didascalie li ho presi da un sito esterno di tutorial per il web design, quindi non sono miei, ma è impossibile che li abbia pescati lei, perchè qui sui forum ce li ho portati solo io -.- quindi dimostra che ha ficcato il naso nelle mie skin.
Io intanto l'ho bannata sia dal mio pfolio, sia nei forum delle skin da me create, e così farò nonappena ne creerò delle altre.
I codici parlano da soli:
Miei:
SPOILER (clicca per visualizzare)
CODICE
/* TELE */
#board .board .bb {width: 150px; height: 150px; background-color: #FFF; box-shadow: 1px 1px 4px; -moz-box-shadow: 1px 1px 4px; -webkit-box-shadow: 1px 1px 4px; padding: 5px}
#board .board .zz {width: 150px; background-color: #FFF; box-shadow: 1px 1px 4px; -moz-box-shadow: 1px 1px 4px; -webkit-box-shadow: 1px 1px 4px; margin-top: 10px; padding: 5px}
/* NASCOSTI */
#board .board .aa, #board .board .yy, #board .board .mtitle {display:none}
/* TELE SEZIONI */
.view {width: 150px;
height: 150px;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #FFF url(../images/bgimg.jpg) no-repeat center center}
.view .mask, .view .content {width: 150px;
height: 150px;
position: absolute;
overflow: hidden;
top: 0;
left: 0}
.view img {display: block;
position: relative}
.view h2 {text-transform: uppercase;
color: #FFF;
text-align: center;
position: relative;
pading: 4px;
font-size: 13px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0}
.view p {font-family: helvetica;
font-size: 9px;
position: relative;
color: #FFF;
text-align: center}
.view a.info {display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #FFF;
text-transform: uppercase;
box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 1px #000}
.view a.info: hover {box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000}
.view-eighth .mask {background-color: rgba(255, 255, 255, 0.7);
top: -150px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s}
.view-eighth h2 {-webkit-transform: translatey(-150px);
-moz-transform: translatey(-150px);
-o-transform: translatey(-150px);
-ms-transform: translatey(-150px);
transform: translatey(-150px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s}
.view-eighth p {color: #333;
-webkit-transform: translatey(-150px);
-moz-transform: translatey(-150px);
-o-transform: translatey(-150px);
-ms-transform: translatey(-150px);
transform: translatey(-150px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
-o-transition: all 0.2s ease-in-out 0.2s;
-ms-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s}
.view-eighth a.info {-webkit-transform: translatey(-150px);
-moz-transform: translatey(-150px);
-o-transform: translatey(-150px);
-ms-transform: translatey(-150px);
transform: translatey(-150px);
-webkit-transition: all 0.2s ease-in-out 0.3s;
-moz-transition: all 0.2s ease-in-out 0.3s;
-o-transition: all 0.2s ease-in-out 0.3s;
-ms-transition: all 0.2s ease-in-out 0.3s;
transition: all 0.2s ease-in-out 0.3s}
.view-eighth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bouncey 0.9s linear;
-moz-animation: bouncey 0.9s linear;
-ms-animation: bouncey 0.9s linear;
animation: bouncey 0.9s linear}
.view-eighth:hover h2 {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-o-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s}
.view-eighth:hover p {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-o-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s}
.view-eighth:hover a.info {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-o-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s}
@keyframes bouncey {0% {transform: translatey(-150px)}
40% {transform: translatey(-100px)}
65% {transform: translatey(-52px)}
82% {transform: translatey(-25px)}
92% {transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {transform: translatey(0px)}}
@-moz-keyframes bouncey {0% {-moz-transform: translatey(-150px)}
40% {-moz-transform: translatey(-100px)}
65% {-moz-transform: translatey(-52px)}
82% {-moz-transform: translatey(-25px)}
92% {-moz-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-moz-transform: translatey(0px)}}
@-webkit-keyframes bouncey {0% {-webkit-transform: translatey(-150px)}
40% {-webkit-transform: translatey(-100px)}
65% {-webkit-transform: translatey(-52px)}
82% {-webkit-transform: translatey(-25px)}
92% {-webkit-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-webkit-transform: translatey(0px)}}
#board .board .bb {width: 150px; height: 150px; background-color: #FFF; box-shadow: 1px 1px 4px; -moz-box-shadow: 1px 1px 4px; -webkit-box-shadow: 1px 1px 4px; padding: 5px}
#board .board .zz {width: 150px; background-color: #FFF; box-shadow: 1px 1px 4px; -moz-box-shadow: 1px 1px 4px; -webkit-box-shadow: 1px 1px 4px; margin-top: 10px; padding: 5px}
/* NASCOSTI */
#board .board .aa, #board .board .yy, #board .board .mtitle {display:none}
/* TELE SEZIONI */
.view {width: 150px;
height: 150px;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #FFF url(../images/bgimg.jpg) no-repeat center center}
.view .mask, .view .content {width: 150px;
height: 150px;
position: absolute;
overflow: hidden;
top: 0;
left: 0}
.view img {display: block;
position: relative}
.view h2 {text-transform: uppercase;
color: #FFF;
text-align: center;
position: relative;
pading: 4px;
font-size: 13px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0}
.view p {font-family: helvetica;
font-size: 9px;
position: relative;
color: #FFF;
text-align: center}
.view a.info {display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #FFF;
text-transform: uppercase;
box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 1px #000}
.view a.info: hover {box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000}
.view-eighth .mask {background-color: rgba(255, 255, 255, 0.7);
top: -150px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s}
.view-eighth h2 {-webkit-transform: translatey(-150px);
-moz-transform: translatey(-150px);
-o-transform: translatey(-150px);
-ms-transform: translatey(-150px);
transform: translatey(-150px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s}
.view-eighth p {color: #333;
-webkit-transform: translatey(-150px);
-moz-transform: translatey(-150px);
-o-transform: translatey(-150px);
-ms-transform: translatey(-150px);
transform: translatey(-150px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
-o-transition: all 0.2s ease-in-out 0.2s;
-ms-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s}
.view-eighth a.info {-webkit-transform: translatey(-150px);
-moz-transform: translatey(-150px);
-o-transform: translatey(-150px);
-ms-transform: translatey(-150px);
transform: translatey(-150px);
-webkit-transition: all 0.2s ease-in-out 0.3s;
-moz-transition: all 0.2s ease-in-out 0.3s;
-o-transition: all 0.2s ease-in-out 0.3s;
-ms-transition: all 0.2s ease-in-out 0.3s;
transition: all 0.2s ease-in-out 0.3s}
.view-eighth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bouncey 0.9s linear;
-moz-animation: bouncey 0.9s linear;
-ms-animation: bouncey 0.9s linear;
animation: bouncey 0.9s linear}
.view-eighth:hover h2 {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-o-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s}
.view-eighth:hover p {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-o-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s}
.view-eighth:hover a.info {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-o-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s}
@keyframes bouncey {0% {transform: translatey(-150px)}
40% {transform: translatey(-100px)}
65% {transform: translatey(-52px)}
82% {transform: translatey(-25px)}
92% {transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {transform: translatey(0px)}}
@-moz-keyframes bouncey {0% {-moz-transform: translatey(-150px)}
40% {-moz-transform: translatey(-100px)}
65% {-moz-transform: translatey(-52px)}
82% {-moz-transform: translatey(-25px)}
92% {-moz-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-moz-transform: translatey(0px)}}
@-webkit-keyframes bouncey {0% {-webkit-transform: translatey(-150px)}
40% {-webkit-transform: translatey(-100px)}
65% {-webkit-transform: translatey(-52px)}
82% {-webkit-transform: translatey(-25px)}
92% {-webkit-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-webkit-transform: translatey(0px)}}
suoi:
SPOILER (clicca per visualizzare)
CODICE
/* RIQUADRI E DIDASCALIE */
#board .board .bb {width: 300px; height: 150px; background-color: #FFF; padding: 5px}
#board .board .zz {width: 350px; background-color: #FFF; box-shadow: 1px 1px 4px; -moz-box-shadow: 1px 1px 4px; -webkit-box-shadow: 1px 1px 4px; margin-top: 10px; padding: 5px}
/* NASCOSTI */
#board .board .aa, #board .board .yy, #board .board .mtitle {display:none}
/* SEZIONI RIQUADRO */
.view {width: 300px; height: 150px; overflow: hidden; position: absolute; text-align: center; cursor: default; background: #FFF url(../images/bgimg.jpg) no-repeat center center}
.view .mask, .view .content {width: 300px; height: 150px; position: absolute; overflow: hidden; top: 0; left: 0}
.view img {display: block; position: relative}
.view h2 {text-transform: uppercase; color: #FFF; text-align: center; position: relative; pading: 4px; font-size: 13px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0}
.view p {font-family: helvetica; font-size: 9px; position: relative; color: #FFF; text-align: center}
.view a.info {display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #FFF; text-transform: uppercase; box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 1px #000}
.view a.info: hover {box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000}
.view-eighth .mask {background-color: rgba(255, 255, 255, 0.7); top: -150px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s}
.view-eighth h2 {-webkit-transform: translatey(-150px); -moz-transform: translatey(-150px); -o-transform: translatey(-150px); -ms-transform: translatey(-150px); transform: translatey(-150px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s}
.view-eighth p {color: #333; -webkit-transform: translatey(-150px); -moz-transform: translatey(-150px); -o-transform: translatey(-150px); -ms-transform: translatey(-150px); transform: translatey(-150px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s}
.view-eighth a.info {-webkit-transform: translatey(-150px); -moz-transform: translatey(-150px); -o-transform: translatey(-150px); -ms-transform: translatey(-150px); transform: translatey(-150px); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s}
.view-eighth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bouncey 0.9s linear; -moz-animation: bouncey 0.9s linear; -ms-animation: bouncey 0.9s linear; animation: bouncey 0.9s linear}
.view-eighth:hover h2 {-webkit-transform: translatey(0px); -moz-transform: translatey(0px); -o-transform: translatey(0px); -ms-transform: translatey(0px); transform: translatey(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s}
.view-eighth:hover p {-webkit-transform: translatey(0px); -moz-transform: translatey(0px); -o-transform: translatey(0px); -ms-transform: translatey(0px); transform: translatey(0px);
-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s; -ms-transition-delay: 0.2s;
transition-delay: 0.2s}
.view-eighth:hover a.info {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px); -o-transform: translatey(0px);
-ms-transform: translatey(0px); transform: translatey(0px);
-webkit-transition-delay: 0s; -moz-transition-delay: 0s;
-o-transition-delay: 0s; -ms-transition-delay: 0s;
transition-delay: 0s} @keyframes bouncey {0% {transform: translatey(-150px)}
40% {transform: translatey(-100px)}
65% {transform: translatey(-52px)}
82% {transform: translatey(-25px)}
92% {transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {transform: translatey(0px)}}
@-moz-keyframes bouncey {0% {-moz-transform: translatey(-150px)}
40% {-moz-transform: translatey(-100px)}
65% {-moz-transform: translatey(-52px)}
82% {-moz-transform: translatey(-25px)}
92% {-moz-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-moz-transform: translatey(0px)}}
@-webkit-keyframes bouncey {0% {-webkit-transform: translatey(-150px)}
40% {-webkit-transform: translatey(-100px)}
65% {-webkit-transform: translatey(-52px)}
82% {-webkit-transform: translatey(-25px)}
92% {-webkit-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-webkit-transform: translatey(0px)}}
#board .board .bb {width: 300px; height: 150px; background-color: #FFF; padding: 5px}
#board .board .zz {width: 350px; background-color: #FFF; box-shadow: 1px 1px 4px; -moz-box-shadow: 1px 1px 4px; -webkit-box-shadow: 1px 1px 4px; margin-top: 10px; padding: 5px}
/* NASCOSTI */
#board .board .aa, #board .board .yy, #board .board .mtitle {display:none}
/* SEZIONI RIQUADRO */
.view {width: 300px; height: 150px; overflow: hidden; position: absolute; text-align: center; cursor: default; background: #FFF url(../images/bgimg.jpg) no-repeat center center}
.view .mask, .view .content {width: 300px; height: 150px; position: absolute; overflow: hidden; top: 0; left: 0}
.view img {display: block; position: relative}
.view h2 {text-transform: uppercase; color: #FFF; text-align: center; position: relative; pading: 4px; font-size: 13px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0}
.view p {font-family: helvetica; font-size: 9px; position: relative; color: #FFF; text-align: center}
.view a.info {display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #FFF; text-transform: uppercase; box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 1px #000}
.view a.info: hover {box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000}
.view-eighth .mask {background-color: rgba(255, 255, 255, 0.7); top: -150px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s}
.view-eighth h2 {-webkit-transform: translatey(-150px); -moz-transform: translatey(-150px); -o-transform: translatey(-150px); -ms-transform: translatey(-150px); transform: translatey(-150px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s}
.view-eighth p {color: #333; -webkit-transform: translatey(-150px); -moz-transform: translatey(-150px); -o-transform: translatey(-150px); -ms-transform: translatey(-150px); transform: translatey(-150px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s}
.view-eighth a.info {-webkit-transform: translatey(-150px); -moz-transform: translatey(-150px); -o-transform: translatey(-150px); -ms-transform: translatey(-150px); transform: translatey(-150px); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s}
.view-eighth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bouncey 0.9s linear; -moz-animation: bouncey 0.9s linear; -ms-animation: bouncey 0.9s linear; animation: bouncey 0.9s linear}
.view-eighth:hover h2 {-webkit-transform: translatey(0px); -moz-transform: translatey(0px); -o-transform: translatey(0px); -ms-transform: translatey(0px); transform: translatey(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s}
.view-eighth:hover p {-webkit-transform: translatey(0px); -moz-transform: translatey(0px); -o-transform: translatey(0px); -ms-transform: translatey(0px); transform: translatey(0px);
-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s; -ms-transition-delay: 0.2s;
transition-delay: 0.2s}
.view-eighth:hover a.info {-webkit-transform: translatey(0px);
-moz-transform: translatey(0px); -o-transform: translatey(0px);
-ms-transform: translatey(0px); transform: translatey(0px);
-webkit-transition-delay: 0s; -moz-transition-delay: 0s;
-o-transition-delay: 0s; -ms-transition-delay: 0s;
transition-delay: 0s} @keyframes bouncey {0% {transform: translatey(-150px)}
40% {transform: translatey(-100px)}
65% {transform: translatey(-52px)}
82% {transform: translatey(-25px)}
92% {transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {transform: translatey(0px)}}
@-moz-keyframes bouncey {0% {-moz-transform: translatey(-150px)}
40% {-moz-transform: translatey(-100px)}
65% {-moz-transform: translatey(-52px)}
82% {-moz-transform: translatey(-25px)}
92% {-moz-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-moz-transform: translatey(0px)}}
@-webkit-keyframes bouncey {0% {-webkit-transform: translatey(-150px)}
40% {-webkit-transform: translatey(-100px)}
65% {-webkit-transform: translatey(-52px)}
82% {-webkit-transform: translatey(-25px)}
92% {-webkit-transform: translatey(-12px)}
55%, 75%, 87%, 97%, 100% {-webkit-transform: translatey(0px)}}
Edited by Lìthìum - 10/10/2012, 19:50
.