Ghost

Developer
Size
11,738 Kb
Views
18,216

How do I make an ghost?

It's an svg image with css animation ! just for fun !! LOL :D. What is a ghost? How do you make a ghost? This script and codes were developed by Mghayour on 31 October 2022, Monday.

Ghost Previews

Ghost - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Ghost</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="text">BoOoOo</div> <div class="rooh">
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="210mm" height="297mm" version="1.0" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 21000 29700" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="rooh" > <g id="bottom"> <path fill="white" d="M5694 12578c5,65 -10,51 50,67 -115,217 -193,143 -234,318 -31,-15 -21,-13 -67,-17 -21,43 -30,91 -50,134l17 67c-39,26 -45,43 -81,70 -27,21 -57,33 -86,47 -297,145 -286,196 -435,418 -32,-9 -26,-3 -50,-17 -55,15 -86,45 -100,100 34,74 -22,96 -78,140 -185,144 -318,307 -364,339 -108,76 -226,8 -349,119 -46,42 -67,74 -120,115 -53,41 -80,76 -128,110l-49 -19c-90,0 -174,42 -268,49 -14,24 -8,18 -17,50l33 50c-61,14 -142,62 -187,97l-113 105c-18,17 -10,14 -35,32 -32,-9 -26,-3 -50,-17 -60,14 -84,40 -131,70l-249 153c-50,29 -90,38 -106,95 18,36 5,6 17,50l-212 105c-67,33 -53,18 -96,71 -30,37 -39,47 -72,79l-275 367 -30 -37c-57,5 -60,10 -79,55 -11,25 -19,67 -21,96 24,14 18,8 50,17 200,-146 266,-139 442,-311 19,-19 36,-54 90,-38 119,37 -111,229 -114,366 131,0 105,-39 192,-61 147,-38 147,166 365,67 187,-85 311,63 376,80 27,7 41,10 78,3 29,-5 7,2 37,-14 83,-44 63,-62 168,-148 144,-118 267,-419 373,-347 54,37 4,96 -27,157 -21,40 -224,318 -62,310 57,-3 127,-60 181,-75 201,-55 253,240 561,44 83,-53 146,-185 335,-101 53,24 109,80 158,95 144,43 218,-113 316,-172 112,-67 373,-3 417,-17 96,-30 243,-146 313,-190 257,-161 338,93 664,-339 17,-23 32,-43 46,-71 54,-109 63,-200 175,-209 30,129 -144,274 -67,351 182,87 330,-112 501,-101 90,6 142,72 217,102 69,27 220,24 314,11 267,-35 273,-48 462,-173 85,-57 117,-48 200,-119 53,-45 142,-100 207,-127 326,-137 494,14 746,-208 64,-56 95,-113 159,-176l305 -348c56,-89 160,-339 285,-368 56,100 -5,82 -94,224 -143,227 284,150 390,-45 26,-49 38,-75 70,-130 27,-45 10,-24 45,-56 24,-21 35,-28 57,-43 44,12 14,-1 50,17 46,-4 36,-2 67,-17 -7,-81 -28,-68 -113,-88l-1121 -283c-430,-101 -841,-216 -1268,-322l-2231 -562c-84,-21 -232,-83 -301,-50z"/> <path fill="black" d="M1679 16040l0 50c152,35 147,3 320,-132l40 -27c3,-2 7,-5 10,-7 45,-38 16,-24 47,-54l35 -14c26,26 -67,173 -67,268 71,37 89,66 178,30 289,-118 106,38 391,22 129,-7 79,-57 179,-50 88,6 143,56 184,70 230,82 393,-121 498,-181 -17,110 3,154 42,226 88,-2 154,-33 222,-62 278,-118 160,200 607,22 30,-12 76,-33 100,-51 44,-32 27,-34 73,-62 134,-82 173,96 386,104 302,12 193,-266 591,-207 29,4 106,12 124,10 92,-10 354,-229 429,-249 77,-20 192,-5 249,-19 161,-40 284,-217 313,-239 100,27 62,104 335,52 174,-34 109,-102 300,-102 62,118 4,114 184,117 104,2 137,29 261,10 265,-41 131,50 490,-96 182,-74 186,-121 340,-245 181,-146 304,-101 444,-124 32,-5 72,-21 117,-33 305,-80 260,-59 459,-260l274 -312c48,-54 105,-87 191,-93 389,-27 226,-34 372,-63 42,-8 87,-4 130,-4 77,-146 86,-274 204,-354l-70 -81c-36,-18 -6,-5 -50,-17 -22,15 -34,22 -57,43 -35,32 -18,11 -45,56 -32,54 -44,81 -70,130 -106,196 -533,273 -390,45 90,-142 151,-124 94,-224 -125,29 -229,279 -285,368l-305 348c-64,63 -95,119 -159,176 -252,222 -420,71 -746,208 -64,27 -154,82 -207,127 -82,71 -114,62 -200,119 -189,126 -195,139 -462,173 -95,12 -246,16 -314,-11 -76,-30 -127,-96 -217,-102 -171,-11 -319,189 -501,101 -77,-77 97,-222 67,-351 -113,9 -121,100 -175,209 -14,28 -29,48 -46,71 -326,433 -407,179 -664,339 -70,44 -217,159 -313,190 -44,14 -305,-51 -417,17 -99,59 -173,215 -316,172 -48,-14 -105,-71 -158,-95 -189,-84 -252,47 -335,101 -307,196 -360,-99 -561,-44 -54,15 -124,72 -181,75 -162,8 41,-270 62,-310 31,-61 82,-120 27,-157 -106,-72 -229,229 -373,347 -105,86 -85,103 -168,148 -30,16 -8,8 -37,14 -37,7 -51,4 -78,-3 -64,-17 -188,-165 -376,-80 -219,99 -218,-104 -365,-67 -87,22 -61,61 -192,61 3,-137 232,-329 114,-366 -54,-17 -70,19 -90,38 -176,173 -242,165 -442,311 -32,-9 -26,-3 -50,-17z"/> <path fill="black" d="M3570 14569l49 19c48,-34 74,-69 128,-110 52,-41 73,-73 120,-115 124,-111 241,-43 349,-119 46,-32 178,-195 364,-339 56,-43 112,-66 78,-140 -69,16 -74,39 -160,91 -92,55 -309,286 -371,331 -90,66 -187,-14 -343,125l-213 256z"/> <path fill="black" d="M1780 15890l30 37 275 -367c33,-32 42,-42 72,-79 44,-53 29,-38 96,-71l212 -105c-12,-44 1,-14 -17,-50 -98,2 -189,40 -254,80 -100,61 -107,39 -174,144 -56,87 -232,312 -241,412z"/> <path fill="black" d="M4757 13665c24,14 18,8 50,17 149,-222 138,-273 435,-418 30,-14 59,-27 86,-47 35,-27 42,-44 81,-70l-17 -67c-72,17 -345,170 -404,215 -48,36 -111,101 -148,153 -45,63 -83,108 -83,218z"/> <path fill="black" d="M5443 12946c46,4 36,2 67,17 41,-175 119,-101 234,-318 -60,-16 -45,-2 -50,-67 -28,-18 1,-4 -50,-17 -13,54 -71,144 -105,180 -70,75 -70,94 -96,205z"/> <path fill="black" d="M2934 14936c24,14 18,8 50,17 25,-18 17,-15 35,-32l113 -105c45,-36 126,-83 187,-97l-33 -50c-51,4 -103,17 -134,33l-155 146c-40,40 -48,32 -63,88z"/> </g> <g id="lefthand"> <path fill="white" d="M3302 6807c0,-31 38,-43 67,-50 32,57 20,16 0,100 -47,-4 -67,0 -67,-50zm3011 1054c58,-42 38,-68 57,-194l440 -2805c21,-128 86,-360 22,-397 -69,18 -50,12 -50,100 -127,0 -182,17 -301,17 -303,1 -274,-125 -493,-161 -543,-88 -571,-127 -1047,-258 -134,-37 -575,-230 -685,-302 -40,-26 -45,-41 -82,-69l-686 -469c-176,-105 -153,-79 -301,-200 -90,-74 -216,-115 -331,-154 -222,-75 -245,-127 -515,-17 -89,36 -169,47 -247,88l-175 93c-116,110 -156,351 -205,498 -156,468 -153,258 -153,801 0,627 -34,1060 154,1653 15,48 34,65 47,121 53,-39 33,-61 33,-151l67 0c0,76 -4,174 11,224 16,52 134,205 38,-207 -16,-69 -32,-117 -99,-135 4,-53 19,-126 90,-94 37,17 65,104 78,142 24,71 5,105 23,178 12,47 47,106 62,155 13,42 14,127 29,172 31,96 56,40 121,97 69,61 -2,78 182,253 61,-14 97,-52 160,-43 164,24 249,440 412,475 346,72 168,-262 365,-315 16,35 -17,205 -17,351 362,191 216,465 428,527 74,21 136,-16 196,-22 97,-9 104,46 161,82 87,56 69,6 119,115 37,80 39,156 100,151 132,-11 176,-755 184,-920 3,-65 17,-82 17,-151l67 0c0,97 18,127 17,234 -2,340 5,174 70,432 30,119 123,480 226,527 48,22 32,4 81,7 349,22 350,397 554,302 63,-30 92,-70 183,-59 84,11 127,39 215,20 132,-28 120,-126 194,-309 66,-165 52,-279 117,-401l67 17z"/> <path fill="black" d="M6313 7861l-67 -17c-65,122 -51,236 -117,401 -73,183 -61,281 -194,309 -88,18 -131,-10 -215,-20 -90,-11 -119,29 -183,59 -203,95 -205,-280 -554,-302 -50,-3 -33,15 -81,-7 -103,-47 -196,-408 -226,-527 -66,-258 -72,-91 -70,-432 1,-107 -17,-137 -17,-234l-67 0c0,69 -14,86 -17,151 -8,165 -52,909 -184,920 -61,5 -62,-71 -100,-151 -51,-108 -33,-59 -119,-115 -56,-36 -63,-92 -161,-82 -60,6 -121,43 -196,22 -212,-61 -67,-335 -428,-527 0,-146 33,-316 17,-351 -197,53 -19,387 -365,315 -163,-34 -248,-451 -412,-475 -63,-9 -99,29 -160,43 -184,-174 -113,-192 -182,-253 -64,-57 -89,0 -121,-97 -15,-45 -16,-129 -29,-172 -15,-49 -50,-108 -62,-155 -18,-73 1,-107 -23,-178 -13,-38 -42,-126 -78,-142 -71,-33 -86,41 -90,94 68,18 84,66 99,135 96,412 -23,259 -38,207 -15,-50 -11,-148 -11,-224l-67 0c0,90 19,112 -33,151 -13,-55 -31,-72 -47,-121 -188,-593 -154,-1026 -154,-1653 0,-543 -3,-333 153,-801 49,-146 89,-388 205,-498l175 -93c78,-41 158,-52 247,-88 270,-109 293,-58 515,17 115,39 241,80 331,154 148,121 125,95 301,200l686 469c37,28 41,43 82,69 111,72 551,265 685,302 475,130 504,170 1047,258 219,36 190,162 493,161 119,0 174,-17 301,-17 0,-88 -18,-82 50,-100 15,-30 12,-23 25,-67 -153,29 -159,39 -321,12 -85,-15 -239,-20 -321,-47 -265,-85 -115,-2 -270,-30 -51,-9 -112,-26 -154,-31 -229,-31 -753,-182 -998,-274 -296,-111 -676,-343 -916,-539 -241,-197 -469,-304 -543,-360 -75,-56 -152,-153 -345,-207 -201,-56 -340,-183 -722,-13 -52,23 -79,31 -136,48 -183,54 -145,78 -233,135 -70,45 -47,10 -89,95 -80,165 -116,191 -157,379 -59,276 -38,123 -90,277 -34,99 -10,122 -54,214 -77,162 1,546 -33,844 -13,119 -1,463 15,563 15,97 18,198 40,289 24,98 46,194 73,295 37,137 33,163 89,279 105,213 71,121 139,229 31,49 54,153 168,184 59,-123 -241,-316 -17,-335 23,276 146,205 241,344 105,153 115,204 238,168l82 -12c1,-3 6,1 8,2 86,32 53,86 184,268 63,88 136,186 236,199 112,15 166,-25 249,-32 16,68 17,66 80,88 132,44 -44,-34 41,13 21,21 -13,30 65,81 134,87 44,150 152,283 150,183 255,106 358,101 5,0 20,1 23,1 2,0 9,5 10,2 15,-37 30,72 95,97 70,27 55,-23 96,71 36,85 65,182 166,182 190,1 244,-375 260,-433 22,18 25,11 43,66 42,128 36,235 165,420 94,134 92,46 230,69 183,31 243,240 380,308 108,53 161,-12 244,-45 122,-50 116,109 368,2 17,-7 33,-15 58,-26 60,-27 -7,-7 59,-25 0,-117 -8,-76 41,-160 9,-15 9,-16 17,-33 15,-33 21,-48 35,-82 97,-244 170,-196 108,-460z"/> <path fill="black" d="M3302 6807c0,51 20,46 67,50 20,-84 32,-43 0,-100 -29,8 -67,19 -67,50z"/> </g> <g id="righthand"> <path fill="white" d="M14902 6965c-30,79 -21,109 -108,109 0,-285 -84,-435 -84,-636l100 -552c0,-56 -56,-201 33,-201 101,0 149,293 139,373 -11,88 -29,141 -44,226 -6,39 -6,62 -4,102 2,46 -2,9 2,48 17,165 23,374 -36,530zm-2818 -2199c-38,-51 11,-27 -67,-33 -47,98 -34,1113 -55,1267l-113 3199c1,138 -32,568 0,636 61,5 32,-32 107,127l10 23c10,23 -1,4 14,36 57,115 80,40 204,31 72,-6 102,-6 150,-35 39,-23 55,-62 146,-138 92,-76 174,-199 287,-193 272,13 86,-139 444,-281 81,-32 219,-7 277,-107l69 -316c0,-44 -14,-144 7,-178 38,-61 100,-3 142,10 0,158 -15,266 84,452 83,-7 97,-47 153,-81 67,-41 123,-25 177,-73 57,-50 37,-74 123,-129 180,-116 361,-52 483,-270 81,-145 120,-164 266,-236 59,-30 100,-63 155,-96 63,-37 108,-42 177,-74 449,-209 301,-888 490,-1015 120,64 36,75 33,184 2,4 5,5 5,11 1,8 9,19 10,23 9,24 5,22 18,49l67 0c20,37 28,50 50,84 205,-11 172,-41 264,-155 44,-55 77,-115 185,-107l87 28 67 0c13,-23 9,-18 17,-50l-33 -50c80,-29 137,-214 161,-290 25,-80 42,-87 56,-178 15,-97 2,-115 101,-117 49,-93 70,-236 117,-335 4,-46 2,-36 17,-67 61,16 35,18 84,50 0,163 -23,283 -33,425 77,-69 93,-134 138,-236l380 -1192c45,-284 137,-215 167,-703 14,-228 73,-445 -1,-650 -93,-254 -120,-301 -326,-377 -116,-43 -169,-50 -307,-62 -71,-6 -78,-11 -154,-11 -176,0 -545,63 -692,122 -158,63 -341,181 -473,246 -115,56 -122,90 -202,149l-215 137c-237,124 -49,92 -455,264 -52,22 -69,42 -119,65l-255 97c-154,57 -74,74 -262,89 -52,4 -107,17 -159,26 -104,18 -207,37 -311,40 -100,3 -232,21 -321,31 -106,11 -222,9 -325,26 -110,18 -196,69 -292,77 -246,20 -455,78 -624,-10 -130,-67 -188,-76 -194,-157z"/> <path fill="black" d="M12084 4766c7,81 64,89 194,157 169,88 378,30 624,10 96,-8 182,-59 292,-77 104,-17 219,-15 325,-26 89,-9 221,-28 321,-31 104,-3 207,-22 311,-40 51,-9 107,-22 159,-26 188,-15 108,-32 262,-89l255 -97c50,-23 67,-43 119,-65 407,-172 219,-140 455,-264l215 -137c79,-59 87,-93 202,-149 133,-65 316,-184 473,-246 147,-58 516,-122 692,-122 75,0 83,5 154,11 138,12 191,19 307,62 206,76 233,123 326,377 75,205 16,421 1,650 -30,488 -122,418 -167,703l-380 1192c-45,102 -61,167 -138,236 10,-142 33,-262 33,-425 -49,-33 -22,-34 -84,-50 -15,31 -13,21 -17,67 97,112 -170,658 75,512 92,-55 231,-379 269,-519 16,-58 31,-91 43,-137l165 -558c24,-52 41,-73 60,-140 59,-205 54,-233 136,-450 21,-55 46,-78 62,-139 25,-96 20,-247 43,-342 62,-258 89,-395 -9,-643 -133,-340 -177,-313 -381,-405 -213,-95 -407,-104 -683,-75 -66,7 -107,-2 -172,12 -59,12 -106,27 -158,43 -137,40 -220,55 -339,129 -29,18 -1,2 -31,19 -134,77 -285,125 -423,229 -192,146 -363,238 -468,318 -40,31 -63,50 -104,79l-270 132c-373,159 -355,149 -740,230 -91,19 -609,86 -716,59 -67,-17 -40,-44 -134,-8 -54,21 -91,39 -148,54l-542 43c-153,3 -183,33 -319,-51l-57 -43c-23,-17 -40,-28 -59,-41 -11,46 -8,38 -33,67z"/> <path fill="black" d="M11849 9835c-13,21 -9,-2 -14,37 -9,73 23,63 30,147 9,105 -22,130 51,183 -15,-54 -17,-27 -17,-100 50,13 49,23 100,100 68,0 96,-8 152,-17 64,-10 64,-3 116,-15 135,-33 200,-168 374,-296 117,-87 102,-47 255,-80 101,-22 106,-97 175,-159 85,-77 361,-98 465,-205 62,-63 61,-173 87,-265 76,56 10,102 80,188 47,57 122,75 190,33 68,-42 83,-71 168,-101 149,-53 59,-28 152,-133 176,-198 201,-19 391,-178 3,-2 6,-6 9,-8l189 -196c32,-36 37,-54 64,-87 85,-105 100,-17 191,-77 42,-28 29,-37 61,-73l177 -108c198,-72 84,24 267,-151 99,-94 157,-135 200,-352 14,-73 35,-352 88,-447 2,-109 87,-120 -33,-184 -190,127 -41,807 -490,1015 -69,32 -114,36 -177,74 -55,32 -95,66 -155,96 -146,73 -185,92 -266,236 -122,218 -303,154 -483,270 -85,55 -66,78 -123,129 -55,48 -110,33 -177,73 -57,34 -71,74 -153,81 -98,-186 -84,-294 -84,-452 -42,-13 -105,-71 -142,-10 -21,34 -7,134 -7,178l-69 316c-58,101 -196,75 -277,107 -357,141 -172,293 -444,281 -113,-5 -195,118 -287,193 -91,75 -107,115 -146,138 -49,29 -78,29 -150,35 -124,10 -146,84 -204,-31 -16,-32 -5,-13 -14,-36l-10 -23c-75,-159 -46,-122 -107,-127z"/> <path fill="black" d="M14860 6807c-26,-30 -21,-5 -38,-96 -16,-86 -43,-248 -35,-330 9,-94 29,-136 47,-219 20,-91 -3,-145 60,-191 22,44 17,-14 17,50 0,71 -23,105 -38,179 -43,213 -12,371 -12,607zm-50 -920l-100 552c0,201 84,351 84,636 87,0 79,-30 108,-109 58,-156 53,-366 36,-530 -4,-39 -1,-2 -2,-48 -1,-40 -2,-63 4,-102 14,-84 32,-138 44,-226 10,-80 -39,-373 -139,-373 -89,0 -33,145 -33,201z"/> <path fill="black" d="M15881 7560c2,76 24,117 50,167 198,0 242,-21 329,-140l29 -37c126,-171 153,-4 245,-141l-87 -28c-107,-8 -141,52 -185,107 -91,114 -59,144 -264,155 -22,-33 -30,-46 -50,-84l-67 0z"/> <path fill="black" d="M16617 7359c163,-120 198,-212 241,-445l43 -191c-99,2 -86,20 -101,117 -14,91 -31,98 -56,178 -24,77 -81,261 -161,290l33 50z"/> <path fill="white" d="M14860 6807c0,-236 -31,-393 12,-607 15,-75 38,-109 38,-179 0,-64 5,-6 -17,-50 -63,46 -40,100 -60,191 -18,83 -39,125 -47,219 -7,82 19,244 35,330 17,91 12,65 38,96z"/> </g> <g id="body"> <path fill="white" d="M10511 9048c66,0 81,-61 98,-86 35,-52 33,-34 76,-58l21 -12c48,-28 0,-7 66,-35l421 -265c70,-66 303,-264 389,-264 94,0 0,425 0,468 0,297 50,99 50,217 0,114 -114,444 -156,530 -80,165 -90,78 -192,159 -75,59 -147,132 -184,138 -96,14 -24,-16 -110,53 -24,19 -76,54 -101,66 -194,94 -94,-99 -407,262 -118,136 -180,81 -181,81 -8,-32 -105,127 -108,133 -85,135 -41,111 -117,117 2,-111 13,-34 35,-110 8,-27 1,-60 8,-114 21,-170 58,-173 58,-228 0,-155 -25,-145 19,-282 32,-97 15,-330 37,-448 17,-95 28,-94 28,-224 45,-30 76,-45 121,-81 91,-74 31,-19 130,-19zm17 -5269c105,-28 34,-83 138,-98 240,-36 27,544 10,598 -83,266 -98,548 -233,870 -32,76 -120,342 -233,317 -157,-105 -55,-117 -117,-248 -83,56 -106,195 -217,214 -81,-17 -69,-270 -234,-47 -204,275 -187,-117 -370,-52 -57,20 -69,68 -112,105 -117,101 -182,70 -271,10 -41,31 -184,152 -184,20 0,-249 -15,-173 92,-394 49,-101 9,-69 99,-202l306 -631c87,-173 204,-546 374,-546 129,0 85,130 94,167 55,-17 24,11 67,-57 81,-127 52,-127 207,-110 9,39 16,49 17,100 59,-16 57,-46 90,-94 82,-120 167,-86 178,44 84,-2 58,-2 102,-48 2,-3 5,-6 8,-9 97,-100 160,-42 191,91zm-1924 -184c-110,0 15,-106 38,-129l162 -240c19,-29 32,-54 51,-83 90,-137 239,-330 356,-447 216,-217 246,-222 414,-222 178,0 318,299 72,390 -95,35 -102,15 -153,98 -138,225 -131,43 -424,328 -80,78 -77,32 -190,61 -181,46 -107,244 -325,244zm1706 -1004c0,-108 256,-389 480,22 95,175 214,225 258,344 15,40 20,64 42,108 132,267 65,395 63,476 -1,78 11,44 -41,87 -35,-5 -43,-2 -73,-44 -8,-11 -27,-53 -33,-68 -24,-60 -30,-105 -48,-170 -89,-336 -272,-182 -378,-274 -56,-49 -45,-81 -82,-135 -94,-136 -189,15 -189,-346zm-4115 1924c-36,75 0,1458 0,1689 0,587 17,1119 17,1706 36,18 6,5 50,17 42,-31 27,-33 50,-67 39,168 -14,455 -31,622 -23,222 7,452 -16,636 -16,126 -11,397 -46,640 -48,333 -44,577 -100,937l-107 914c-18,93 -33,221 -47,304 -17,104 -35,188 -53,281 -64,321 -169,432 -186,500 -39,-9 -49,-16 -99,-16l-18 33c21,80 134,71 291,110 777,196 1574,367 2362,566l2513 601c68,16 130,19 86,-72 -289,-24 -79,-90 -10,-160 116,-119 211,-459 271,-633 60,-176 183,-347 228,-457 209,-508 194,-714 352,-1154 14,-38 13,-55 29,-88 23,12 27,14 63,23 31,-60 51,-396 21,-458 -46,4 -36,2 -67,17 3,-114 43,-256 72,-362 19,-68 12,-45 60,-74l-1 -18c-101,-28 1,-124 -35,-344 -37,-225 16,-66 20,-189 3,-109 -33,21 -33,-184l67 0c31,-64 -21,-191 -50,-251l-50 0 0 -100c32,-9 26,-3 50,-17 0,-157 453,-3712 515,-4218 12,-97 29,-195 37,-281 -4,-46 -2,-36 -17,-67 -117,10 -23,68 -151,2 -632,-329 -282,-930 -359,-1416 -23,-143 -15,-242 -27,-391 -22,-274 -117,-728 -267,-971l-164 -255c-69,-106 -71,-157 -166,-252 -359,-356 -814,-354 -1292,-212 -96,28 -213,67 -290,111 -289,163 -788,456 -947,725 -51,87 -114,167 -154,264 -123,298 -108,222 -215,421l-530 908c-69,124 -273,355 -369,451 -100,100 -102,114 -238,180 -301,146 -35,93 -503,99 -90,1 -272,42 -376,9 -1,0 -54,-28 -66,-34 -61,-30 12,-17 -76,-25z"/> <path fill="black" d="M9959 3796c-1,-51 -8,-61 -17,-100 -155,-16 -126,-17 -207,110 -43,68 -12,40 -67,57 -9,-37 35,-167 -94,-167 -169,0 -286,373 -374,546l-306 631c-90,133 -50,101 -99,202 -107,221 -92,145 -92,394 0,133 143,11 184,-20 89,60 153,91 271,-10 43,-37 55,-85 112,-105 183,-65 166,327 370,52 165,-223 154,30 234,47 111,-19 134,-159 217,-214 63,130 -40,142 117,248 113,26 201,-241 233,-317 135,-322 150,-604 233,-870 17,-54 230,-634 -10,-598 -105,16 -33,70 -138,98 -31,-133 -93,-191 -191,-91 -2,3 -6,6 -8,9 -44,47 -18,47 -102,48 -11,-130 -95,-164 -178,-44 -33,48 -31,78 -90,94z"/> <path fill="black" d="M6196 4515c88,7 15,-5 76,25 12,6 66,34 66,34 104,33 285,-8 376,-9 467,-6 202,46 503,-99 136,-66 138,-80 238,-180 96,-96 300,-327 369,-451l530 -908c106,-198 92,-122 215,-421 40,-97 102,-177 154,-264 159,-269 658,-563 947,-725 77,-43 194,-82 290,-111 478,-142 934,-144 1292,212 95,95 97,146 166,252l164 255c150,243 245,697 267,971 12,149 4,249 27,391 77,486 -274,1087 359,1416 127,66 34,8 151,-2 15,31 13,21 17,67l33 -134c-145,37 -297,-108 -371,-215 -32,-46 -49,-92 -67,-151 -65,-222 -24,-544 0,-774l-62 -770c-17,-114 -30,-256 -63,-355 -39,-117 -50,-229 -101,-334 -25,-51 -41,-82 -67,-134l-162 -256c-107,-197 -235,-449 -516,-538 -122,-39 -198,-55 -341,-78 -70,-11 -110,-25 -167,-19 -320,32 -385,15 -710,143 -156,61 -268,129 -411,225 -9,6 -20,14 -30,20 -14,8 -20,11 -32,18l-255 163c-24,16 -38,27 -58,42 -279,211 -227,176 -408,428 -123,171 -131,209 -218,418l-699 1192 -195 224c-84,66 -209,168 -304,215 -26,13 -47,24 -79,37 -94,40 -238,59 -342,77 -337,59 -621,-157 -600,50 6,66 5,33 17,53z"/> <path fill="black" d="M10548 9821l659 -914c28,-52 30,-62 75,-92 180,-119 50,-140 183,-151 0,77 9,126 13,173 8,94 -30,63 -30,145 0,95 45,120 38,175 -30,246 -23,193 -177,322 -203,171 -18,78 -203,181 -29,16 -52,38 -76,58 -159,126 -112,127 -229,156 -292,70 -365,359 -507,397l254 -449zm-37 -773c-100,0 -39,-55 -130,19 -45,36 -75,51 -121,81 0,130 -11,128 -28,224 -21,118 -5,351 -37,448 -44,137 -19,127 -19,282 0,55 -36,57 -58,228 -7,54 0,87 -8,114 -22,76 -32,-1 -35,110 76,-6 32,18 117,-117 3,-5 100,-164 108,-133 0,1 63,55 181,-81 313,-362 213,-169 407,-262 25,-12 77,-47 101,-66 86,-69 14,-39 110,-53 37,-5 110,-79 184,-138 102,-81 112,6 192,-159 42,-86 156,-416 156,-530 0,-118 -50,80 -50,-217 0,-44 94,-468 0,-468 -85,0 -319,198 -389,264l-421 265c-66,27 -18,7 -66,35l-21 12c-43,24 -41,5 -76,58 -17,25 -31,86 -98,86z"/> <path fill="white" d="M10294 10269c141,-38 215,-327 507,-397 118,-28 70,-30 229,-156 24,-19 47,-42 76,-58 185,-104 0,-11 203,-181 154,-129 147,-76 177,-322 7,-55 -38,-80 -38,-175 0,-82 37,-52 30,-145 -4,-47 -13,-96 -13,-173 -133,11 -3,33 -183,151 -45,30 -47,40 -75,92l-659 914 -254 449z"/> <path fill="black" d="M6212 7911l-57 282c0,50 18,86 22,137 5,58 -1,125 0,184 2,197 45,35 -9,308 -14,72 19,323 -19,616 -47,362 -58,1002 -103,1269 -47,285 -79,484 -102,768l-180 874c-16,40 -38,94 -55,129 -39,81 -111,138 -134,234l33 0 18 -33c50,0 60,7 99,16 17,-69 122,-179 186,-500 19,-93 36,-177 53,-281 14,-83 29,-212 47,-304l107 -914c56,-360 52,-604 100,-937 35,-244 31,-514 46,-640 23,-184 -7,-414 16,-636 17,-167 70,-454 31,-622 -24,34 -9,36 -50,67 -44,-12 -14,1 -50,-17z"/> <path fill="black" d="M8604 3595c218,0 143,-197 325,-244 113,-29 110,17 190,-61 293,-286 287,-104 424,-328 51,-83 58,-63 153,-98 246,-90 107,-390 -72,-390 -168,0 -198,5 -414,222 -117,117 -265,310 -356,447 -19,29 -32,54 -51,83l-162 240c-23,23 -148,129 -38,129z"/> <path fill="black" d="M10311 2592c0,362 95,210 189,346 37,54 26,86 82,135 106,93 289,-62 378,274 17,65 23,110 48,170 6,15 25,57 33,68 30,42 39,39 73,44 52,-43 40,-9 41,-87 1,-81 68,-209 -63,-476 -22,-45 -27,-68 -42,-108 -45,-118 -163,-169 -258,-344 -224,-412 -480,-130 -480,-22z"/> <path fill="black" d="M10863 13916c29,-19 80,-61 112,-88 163,-137 71,-184 200,-452 28,-58 31,-83 49,-152 30,-119 230,-604 299,-772 71,-174 87,-355 129,-507l144 -497c-36,-9 -40,-11 -63,-23 -16,33 -15,50 -29,88 -158,440 -143,646 -352,1154 -45,110 -168,281 -228,457 -59,174 -154,513 -271,633 -69,71 -279,136 10,160z"/> <path fill="black" d="M11881 10550c65,-71 29,-243 21,-317 -12,-108 -2,-284 -2,-399l-67 0c0,205 37,75 33,184 -4,123 -57,-36 -20,189 36,220 -65,316 35,344z"/> <path fill="black" d="M11816 10989c0,-98 2,-39 22,-96 18,-54 7,-46 13,-104 9,-84 34,-96 31,-220 -48,29 -42,6 -60,74 -29,106 -70,249 -72,362 31,-15 21,-13 67,-17z"/> <path fill="black" d="M11849 9584c18,-15 16,17 19,-51 0,-6 -1,-25 -2,-31 -7,-36 -2,-17 -17,-36 -24,14 -18,8 -50,17l0 100 50 0z"/> </g> </g>
</svg> <script src="js/index.js"></script>
</body>
</html>

Ghost - Script Codes CSS Codes

body{
background-color:#fff;
}
div.text{
position:absolute;
top:20px;
left:500px;
font-size:100px;
}
svg #rooh{
-webkit-animation:amin_updown ease-in-out 1.5s infinite;
-moz-animation:amin_updown ease-in-out 1.5s infinite;
-ms-animation:amin_updown ease-in-out 1.5s infinite;
-o-animation:amin_updown ease-in-out 1.5s infinite;
animation:amin_updown ease-in-out 1.5s infinite;
-webkit-transform-origin:100% 50%;
-moz-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
-o-transform-origin:100% 50%;
transform-origin:100% 50%;
}
svg #rooh #lefthand{
-webkit-animation:amin_rotate ease-in-out 4s infinite;
-moz-animation:amin_rotate ease-in-out 4s infinite;
-ms-animation:amin_rotate ease-in-out 4s infinite;
-o-animation:amin_rotate ease-in-out 4s infinite;
animation:amin_rotate ease-in-out 4s infinite;
-webkit-transform-origin:100% 50%;
-moz-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
-o-transform-origin:100% 50%;
transform-origin:100% 50%;
}
svg #rooh #righthand{
-webkit-animation:amin_rotate ease-in-out 3s infinite;
-moz-animation:amin_rotate ease-in-out 3s infinite;
-ms-animation:amin_rotate ease-in-out 3s infinite;
-o-animation:amin_rotate ease-in-out 3s infinite;
animation:amin_rotate ease-in-out 3s infinite;
-webkit-transform-origin:0% 50%;
-moz-transform-origin:0% 50%;
-ms-transform-origin:0% 50%;
-o-transform-origin:0% 50%;
transform-origin:0% 50%;
}
svg #rooh #bottom{
-webkit-animation:amin_rotate2 ease-in-out 5s infinite;
-moz-animation:amin_rotate2 ease-in-out 5s infinite;
-ms-animation:amin_rotate2 ease-in-out 5s infinite;
-o-animation:amin_rotate2 ease-in-out 5s infinite;
animation:amin_rotate2 ease-in-out 5s infinite;
-webkit-transform-origin:60% 10%;
-moz-transform-origin:60% 10%;
-ms-transform-origin:60% 10%;
-o-transform-origin:60% 10%;
transform-origin:60% 10%;
}
svg #rooh,
svg #rooh #lefthand,
svg #rooh #righthand,
svg #rooh #bottom{
-webkit-animation-direction:alternate;
-moz-animation-direction:alternate;
-ms-animation-direction:alternate;
-o-animation-direction:alternate;
animation-direction:alternate;
}
/* keyframes Normal */
@keyframes amin_rotate { 0% { transform: rotate(-10deg); } 100% { transform: rotate(10deg); }
}
@keyframes amin_rotate2 { 0% { transform: rotate(-5deg); } 100% { transform: rotate(10deg); }
}
@keyframes amin_updown { 0% { transform:translate(0px,-500px); } 100% { transform:translate(0px,500px); }
}
/* keyframes -webkit- */
@-webkit-keyframes amin_rotate { 0% { -webkit-transform: rotate(-10deg); } 100% { -webkit-transform: rotate(10deg); } }
@-webkit-keyframes amin_rotate2 { 0% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(10deg); } }
@-webkit-keyframes amin_updown { 0% { -webkit-transform:translate(0px,-500px); } 100% { -webkit-transform:translate(0px,500px); } }
/* keyframes -moz- */
@-moz-keyframes amin_rotate { 0% { -moz-transform: rotate(-10deg); } 100% { -moz-transform: rotate(10deg); } }
@-moz-keyframes amin_rotate2 { 0% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(10deg); } }
@-moz-keyframes amin_updown { 0% { -moz-transform:translate(0px,-500px); } 100% { -moz-transform:translate(0px,500px); } }
/* keyframes -ms- */
@-ms-keyframes amin_rotate { 0% { -ms-transform: rotate(-10deg); } 100% { -ms-transform: rotate(10deg); } }
@-ms-keyframes amin_rotate2 { 0% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(10deg); } }
@-ms-keyframes amin_updown { 0% { -ms-transform:translate(0px,-500px); } 100% { -ms-transform:translate(0px,500px); } }
/* keyframes -o- */
@-o-keyframes amin_rotate { 0% { -o-transform: rotate(-10deg); } 100% { -o-transform: rotate(10deg); } }
@-o-keyframes amin_rotate2 { 0% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(10deg); } }
@-o-keyframes amin_updown { 0% { -o-transform:translate(0px,-500px); } 100% { -o-transform:translate(0px,500px); } }

Ghost - Script Codes JS Codes

// notice tath rooh(in my language)=ghost ;D
// the picture drawed by R.Abdollahi and i convert it into svg + css animations !
Ghost - Script Codes
Ghost - Script Codes
Home Page Home
Developer Mghayour
Username mghayour
Uploaded October 31, 2022
Rating 3
Size 11,738 Kb
Views 18,216
Do you need developer help for Ghost?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Mghayour (mghayour) Script Codes
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!