{"id":582,"date":"2023-02-21T00:40:44","date_gmt":"2023-02-21T05:40:44","guid":{"rendered":"https:\/\/havalite.com\/?p=582"},"modified":"2023-02-21T00:43:04","modified_gmt":"2023-02-21T05:43:04","slug":"distortion-jquery-plugin","status":"publish","type":"post","link":"https:\/\/havalite.com\/?p=582","title":{"rendered":"Distortion &#8211; jQuery Plugin"},"content":{"rendered":"<p>Distortion is a jQuery plugin that distorts any text, viewing it like an old damaged TV screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-585 size-full\" src=\"https:\/\/havalite.com\/wp-content\/uploads\/2023\/02\/destortion.jpg\" alt=\"\" width=\"698\" height=\"119\" srcset=\"https:\/\/havalite.com\/wp-content\/uploads\/2023\/02\/destortion.jpg 698w, https:\/\/havalite.com\/wp-content\/uploads\/2023\/02\/destortion-300x51.jpg 300w\" sizes=\"auto, (max-width: 698px) 100vw, 698px\" \/><\/p>\n<p>The plugin can show the text statically or in motion, in color or greyscales<\/p>\n<p><strong>How to use<\/strong>:<\/p>\n<pre class=\"js\">$(document).ready(function(){\r\n   $('.container').distortion({ \r\n\tfontSize: 180,\t\t\/\/\r\n\tdistort: 24,\t\t\/\/ destortion amount\r\n\tshowTime: 'fast',\t\/\/ or set interval time for motion\r\n\tcolors: '#000', \t\/\/ colors: any 'hex', 'random' or 'grey'\r\n\tglowCol: 'grey',\t\/\/ Glow effect: any 'hex', 'random' color or '' \r\n\tshake:\t3\t\t\/\/ how strong should the text shake\r\n   });\r\n});\r\n<\/pre>\n<p>See: <a href=\"\/download\/distortion\/example.html\">Demo<\/a> or <a href=\"\/download\/distortion.zip\">Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Distortion is a jQuery plugin that distorts any text, viewing it like an old damaged TV screen. The plugin can show the text statically or in motion, in color or greyscales How to use: $(document).ready(function(){ $(&#8216;.container&#8217;).distortion({ fontSize: 180, \/\/ distort: 24, \/\/ destortion amount showTime: &#8216;fast&#8217;, \/\/ or set interval time for motion colors: &#8216;#000&#8217;, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"quote","meta":{"footnotes":""},"categories":[68,6],"tags":[82,17,27,7,8,97],"class_list":["post-582","post","type-post","status-publish","format-quote","hentry","category-download","category-jquery-plugins","tag-free-download","tag-html5","tag-javascript","tag-jquery","tag-plugins","tag-script","post_format-post-format-quote"],"_links":{"self":[{"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts\/582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=582"}],"version-history":[{"count":10,"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts\/582\/revisions"}],"predecessor-version":[{"id":593,"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts\/582\/revisions\/593"}],"wp:attachment":[{"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}