102. MIRAGE
(Off)
[ 25 Sep 2013, 17:48 ]
SaNta xX, ტექსტის მოგუნვა გინდოდა ხო? აჰა აიღე.
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<title>
Warped Text
</title>
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=ABeeZee:regular:latin'>
<style type='text/css'>
#warped {position: relative; display: block; width:588px; height:440px;}
#warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }
#warped span{font-family:'ABeeZee';font-size:38px;font-weight:regular;font-style:normal;
line-height:0.65; white-space:pre; overflow:visible; padding:0px;}
#warped .w0 {-moz-transform: rotate(-7.85rad);-webkit-transform: rotate(-7.85rad);-o-transform:
rotate(-7.85rad);-ms-transform: rotate(-7.85rad); transform: rotate(-7.85rad);
width: 21px; height: 24px; left: 29.5px; top: 194.8px;}
#warped .w1 {-moz-transform: rotate(-7.5rad);-webkit-transform: rotate(-7.5rad);-o-transform:
rotate(-7.5rad);-ms-transform: rotate(-7.5rad); transform: rotate(-7.5rad);
width: 23px; height: 24px; left: 32.78px; top: 168.65px;}
#warped .w2 {-moz-transform: rotate(-6.96rad);-webkit-transform: rotate(-6.96rad);-o-transform:
rotate(-6.96rad);-ms-transform: rotate(-6.96rad); transform: rotate(-6.96rad);
width: 15px; height: 24px; left: 50.18px; top: 149.69px;}
#warped .w3 {-moz-transform: rotate(-6.51rad);-webkit-transform: rotate(-6.51rad);-o-transform:
rotate(-6.51rad);-ms-transform: rotate(-6.51rad); transform: rotate(-6.51rad);
width: 21px; height: 24px; left: 67.69px; top: 140.31px;}
#warped .w4 {-moz-transform: rotate(-6.26rad);-webkit-transform: rotate(-6.26rad);-o-transform:
rotate(-6.26rad);-ms-transform: rotate(-6.26rad); transform: rotate(-6.26rad);
width: 15px; height: 24px; left: 94.4px; top: 138.31px;}
#warped .w5 {-moz-transform: rotate(-6.16rad);-webkit-transform: rotate(-6.16rad);-o-transform:
rotate(-6.16rad);-ms-transform: rotate(-6.16rad); transform: rotate(-6.16rad);
width: 11px; height: 24px; left: 113.87px; top: 139.75px;}
#warped .w6 {-moz-transform: rotate(-6.09rad);-webkit-transform: rotate(-6.09rad);-o-transform:
rotate(-6.09rad);-ms-transform: rotate(-6.09rad); transform: rotate(-6.09rad);
width: 15px; height: 24px; left: 129.67px; top: 142.77px;}
#warped .w7 {-moz-transform: rotate(-6.02rad);-webkit-transform: rotate(-6.02rad);-o-transform:
rotate(-6.02rad);-ms-transform: rotate(-6.02rad); transform: rotate(-6.02rad);
width: 21px; height: 24px; left: 149.62px; top: 148.27px;}
#warped .w8 {-moz-transform: rotate(-5.98rad);-webkit-transform: rotate(-5.98rad);-o-transform:
rotate(-5.98rad);-ms-transform: rotate(-5.98rad); transform: rotate(-5.98rad);
width: 19px; height: 24px; left: 173.62px; top: 155.05px;}
#warped .w9 {-moz-transform: rotate(-5.96rad);-webkit-transform: rotate(-5.96rad);-o-transform:
rotate(-5.96rad);-ms-transform: rotate(-5.96rad); transform: rotate(-5.96rad);
width: 15px; height: 24px; left: 196.81px; top: 162.07px;}
#warped .w10 {-moz-transform: rotate(-5.94rad);-webkit-transform: rotate(-5.94rad);-o-transform:
rotate(-5.94rad);-ms-transform: rotate(-5.94rad); transform: rotate(-5.94rad);
width: 11px; height: 24px; left: 216.24px; top: 168.26px;}
#warped .w11 {-moz-transform: rotate(-5.93rad);-webkit-transform: rotate(-5.93rad);-o-transform:
rotate(-5.93rad);-ms-transform: rotate(-5.93rad); transform: rotate(-5.93rad);
width: 10px; height: 24px; left: 231.53px; top: 173.72px;}
#warped .w12 {-moz-transform: rotate(-5.92rad);-webkit-transform: rotate(-5.92rad);-o-transform:
rotate(-5.92rad);-ms-transform: rotate(-5.92rad); transform: rotate(-5.92rad);
width: 23px; height: 24px; left: 244.52px; top: 181.15px;}
#warped .w13 {-moz-transform: rotate(-5.91rad);-webkit-transform: rotate(-5.91rad);-o-transform:
rotate(-5.91rad);-ms-transform: rotate(-5.91rad); transform: rotate(-5.91rad);
width: 15px; height: 24px; left: 271.26px; top: 190px;}
#warped .w14 {-moz-transform: rotate(-5.91rad);-webkit-transform: rotate(-5.91rad);-o-transform:
rotate(-5.91rad);-ms-transform: rotate(-5.91rad); transform: rotate(-5.91rad);
width: 23px; height: 24px; left: 290.11px; top: 198.99px;}
#warped .w15 {-moz-transform: rotate(-5.92rad);-webkit-transform: rotate(-5.92rad);-o-transform:
rotate(-5.92rad);-ms-transform: rotate(-5.92rad); transform: rotate(-5.92rad);
width: 11px; height: 24px; left: 315.88px; top: 206.74px;}
#warped .w16 {-moz-transform: rotate(-5.93rad);-webkit-transform: rotate(-5.93rad);-o-transform:
rotate(-5.93rad);-ms-transform: rotate(-5.93rad); transform: rotate(-5.93rad);
width: 31px; height: 24px; left: 329.99px; top: 216.02px;}
#warped .w17 {-moz-transform: rotate(-5.95rad);-webkit-transform: rotate(-5.95rad);-o-transform:
rotate(-5.95rad);-ms-transform: rotate(-5.95rad); transform: rotate(-5.95rad);
width: 21px; height: 24px; left: 364.51px; top: 226.88px;}
#warped .w18 {-moz-transform: rotate(-5.98rad);-webkit-transform: rotate(-5.98rad);-o-transform:
rotate(-5.98rad);-ms-transform: rotate(-5.98rad); transform: rotate(-5.98rad);
width: 23px; height: 24px; left: 389.19px; top: 235.61px;}
#warped .w19 {-moz-transform: rotate(-6.01rad);-webkit-transform: rotate(-6.01rad);-o-transform:
rotate(-6.01rad);-ms-transform: rotate(-6.01rad); transform: rotate(-6.01rad);
width: 13px; height: 24px; left: 416.07px; top: 242.25px;}
#warped .w20 {-moz-transform: rotate(-6.07rad);-webkit-transform: rotate(-6.07rad);-o-transform:
rotate(-6.07rad);-ms-transform: rotate(-6.07rad); transform: rotate(-6.07rad);
width: 23px; height: 24px; left: 433.11px; top: 247.88px;}
#warped .w21 {-moz-transform: rotate(-6.15rad);-webkit-transform: rotate(-6.15rad);-o-transform:
rotate(-6.15rad);-ms-transform: rotate(-6.15rad); transform: rotate(-6.15rad);
width: 15px; height: 24px; left: 459.97px; top: 252.09px;}
#warped .w22 {-moz-transform: rotate(-6.37rad);-webkit-transform: rotate(-6.37rad);-o-transform:
rotate(-6.37rad);-ms-transform: rotate(-6.37rad); transform: rotate(-6.37rad);
width: 35px; height: 24px; left: 480.56px; top: 253.41px;}
#warped .w23 {-moz-transform: rotate(-6.8rad);-webkit-transform: rotate(-6.8rad);-o-transform:
rotate(-6.8rad);-ms-transform: rotate(-6.8rad); transform: rotate(-6.8rad);
width: 11px; height: 24px; left: 518.97px; top: 246.21px;}
#warped .w24 {-moz-transform: rotate(-7.19rad);-webkit-transform: rotate(-7.19rad);-o-transform:
rotate(-7.19rad);-ms-transform: rotate(-7.19rad); transform: rotate(-7.19rad);
width: 11px; height: 24px; left: 531.39px; top: 235.67px;}
#warped .w25 {-moz-transform: rotate(-7.63rad);-webkit-transform: rotate(-7.63rad);-o-transform:
rotate(-7.63rad);-ms-transform: rotate(-7.63rad); transform: rotate(-7.63rad);
width: 23px; height: 24px; left: 534.35px; top: 216.26px;}
#warped .w26 {-moz-transform: rotate(-7.82rad);-webkit-transform: rotate(-7.82rad);-o-transform:
rotate(-7.82rad);-ms-transform: rotate(-7.82rad); transform: rotate(-7.82rad);
width: 13px; height: 24px; left: 541.58px; top: 191.21px;}
#warped .w27 {-moz-transform: rotate(-7.52rad);-webkit-transform: rotate(-7.52rad);-o-transform:
rotate(-7.52rad);-ms-transform: rotate(-7.52rad); transform: rotate(-7.52rad);
width: 10px; height: 24px; left: 545.59px; top: 174.9px;}
#warped .w28 {-moz-transform: rotate(-5.96rad);-webkit-transform: rotate(-5.96rad);-o-transform:
rotate(-5.96rad);-ms-transform: rotate(-5.96rad); transform: rotate(-5.96rad);
width: 18px; height: 24px; left: 556.31px; top: 167.26px;}
#warped .w29 {-moz-transform: rotate(-5.72rad);-webkit-transform: rotate(-5.72rad);-o-transform:
rotate(-5.72rad);-ms-transform: rotate(-5.72rad); transform: rotate(-5.72rad);
width: 19px; height: 24px; left: 575.89px; top: 179.19px;}
#warped .w30 {-moz-transform: rotate(-7.85rad);-webkit-transform: rotate(-7.85rad);-o-transform:
rotate(-7.85rad);-ms-transform: rotate(-7.85rad); transform: rotate(-7.85rad);
width: 11px; height: 24px; left: 592.5px; top: 174.34px;}
#warped .w31 {-moz-transform: rotate(-7.63rad);-webkit-transform: rotate(-7.63rad);-o-transform:
rotate(-7.63rad);-ms-transform: rotate(-7.63rad); transform: rotate(-7.63rad);
width: 11px; height: 24px; left: 594.06px; top: 158.48px;}
#warped .w32 {-moz-transform: rotate(-5.79rad);-webkit-transform: rotate(-5.79rad);-o-transform:
rotate(-5.79rad);-ms-transform: rotate(-5.79rad); transform: rotate(-5.79rad);
width: 36px; height: 24px; left: 602.6px; top: 149.62px;}
#warped .w33 {-moz-transform: rotate(-7.77rad);-webkit-transform: rotate(-7.77rad);-o-transform:
rotate(-7.77rad);-ms-transform: rotate(-7.77rad); transform: rotate(-7.77rad);
width: 23px; height: 24px; left: 636.42px; top: 157.82px;}
</style>
</head>
<body>
<div id='warped'>
<span class='w0'>E</span><span class='w1'>n</span><span class='w2'>t</span><span class='w3'>e</span><span class='w4'>r</span><span class='w5'> </span><span class='w6'>t</span><span class='w7'>e</span><span class='w8'>x</span><span class='w9'>t</span><span class='w10'> </span><span class='w11'>i</span><span class='w12'>n</span><span class='w13'>t</span><span class='w14'>o</span><span class='w15'> </span><span class='w16'>w</span><span class='w17'>e</span><span class='w18'>b</span><span class='w19'>f</span><span class='w20'>o</span><span class='w21'>r</span><span class='w22'>m</span><span class='w23'>.</span><span class='w24'> </span><span class='w25'>C</span><span class='w26'>l</span><span class='w27'>i</span><span class='w28'>c</span><span class='w29'>k</span><span class='w30'> </span><span class='w31'>"</span><span class='w32'>W</span><span class='w33'>a</span>
</div>
</body>
</html>
[Pasuxi][Cit]|
|CSS DAXMAREBA
da magrad mitydeba rom wert css ra undao.. 