GitHub<\/a><\/p>\n\nSee the Pen Curve Text by Saijo George (@SaijoGeorge) on CodePen.<\/p>\n\n","protected":false},"excerpt":{"rendered":"
Want to show curved text in your web project, check out this script using Arhtext.Js. Designed by\u00a0Queue.\u00a0<\/p>\nRead More<\/a>","protected":false},"author":2,"featured_media":482,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1],"tags":[1512930],"class_list":["post-47","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-text-animation","col-sm-6"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2016\/02\/curve-text-snippet.gif?fit=880%2C440&ssl=1","jetpack-related-posts":[{"id":28473,"url":"https:\/\/codemyui.com\/attention-grabbing-marquee-text-on-a-button\/","url_meta":{"origin":47,"position":0},"title":"Attention-grabbing marquee text on a button","author":"Saijo George","date":"October 14, 2019","format":false,"excerpt":"This is a button that I came across on wickret.cuberto.com and thought there might be some landing pages where you want the visitors to notice the CTA button, it's a bit over the top but it can work in certain cases. The colours on the button are inverted on hover.\u2026","rel":"","context":"In \"button\"","block_context":{"text":"button","link":"https:\/\/codemyui.com\/tag\/button\/"},"img":{"alt_text":"Attention-grabbing marquee text on a button","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/10\/Attention-grabbing-marquee-text-on-a-button.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/10\/Attention-grabbing-marquee-text-on-a-button.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/10\/Attention-grabbing-marquee-text-on-a-button.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/10\/Attention-grabbing-marquee-text-on-a-button.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":30241,"url":"https:\/\/codemyui.com\/login-modal-with-floating-placeholder-and-animated-neon-submit-button\/","url_meta":{"origin":47,"position":1},"title":"Login Modal With Floating Placeholder And Animated Neon Submit Button","author":"Hima Vincent","date":"May 30, 2021","format":false,"excerpt":"Code by: Soufiane Khalfaoui Hassani If you are having trouble with the pen, try the archived copy on\u00a0GitHub. Login Screen With A Neon Button Snippet","rel":"","context":"In \"login form\"","block_context":{"text":"login form","link":"https:\/\/codemyui.com\/tag\/login-form\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2021\/05\/Login-Modal-With-Floating-Placeholder-And-Animated-Neon-Submit-Button.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2021\/05\/Login-Modal-With-Floating-Placeholder-And-Animated-Neon-Submit-Button.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2021\/05\/Login-Modal-With-Floating-Placeholder-And-Animated-Neon-Submit-Button.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2021\/05\/Login-Modal-With-Floating-Placeholder-And-Animated-Neon-Submit-Button.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":13091,"url":"https:\/\/codemyui.com\/simple-tab-animation\/","url_meta":{"origin":47,"position":2},"title":"Simple Tab Animation","author":"Hima Vincent","date":"March 19, 2017","format":false,"excerpt":"A simple tab style animation designed by Tony Soprano. If you are having trouble with the pen, try the archived copy on GitHub Simple Tab Animation Snippet","rel":"","context":"In \"accordion tabs\"","block_context":{"text":"accordion tabs","link":"https:\/\/codemyui.com\/tag\/accordion-tabs\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/03\/tab-animation.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/03\/tab-animation.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/03\/tab-animation.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/03\/tab-animation.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":89,"url":"https:\/\/codemyui.com\/animated-countdown-timer\/","url_meta":{"origin":47,"position":3},"title":"Animated Countdown Timer","author":"Hima Vincent","date":"November 12, 2015","format":false,"excerpt":"Check out this cool countdown timer animation designed by Andreas Neeven. If you are having trouble with the pen, try the archived copy on GitHub","rel":"","context":"In \"animation\"","block_context":{"text":"animation","link":"https:\/\/codemyui.com\/tag\/animation\/"},"img":{"alt_text":"Animated Countdown Timer","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/11\/animated-countdown-timer.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/11\/animated-countdown-timer.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/11\/animated-countdown-timer.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/11\/animated-countdown-timer.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":127,"url":"https:\/\/codemyui.com\/pure-css-video-blur-effect\/","url_meta":{"origin":47,"position":4},"title":"Pure CSS Video Blur Effect","author":"Hima Vincent","date":"October 19, 2015","format":false,"excerpt":"This is an awesome code snippet that can blur the entire video on hover over blur option. If you are having trouble with the pen, try the archived copy on GitHub","rel":"","context":"In \"blur effect\"","block_context":{"text":"blur effect","link":"https:\/\/codemyui.com\/tag\/blur-effect\/"},"img":{"alt_text":"Pure CSS Video Blur Effect","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/10\/pure-css-video-blur-effect.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/10\/pure-css-video-blur-effect.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/10\/pure-css-video-blur-effect.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/10\/pure-css-video-blur-effect.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":15093,"url":"https:\/\/codemyui.com\/grayscale-emoji-using-css\/","url_meta":{"origin":47,"position":5},"title":"Grayscale Emoji using CSS","author":"Hima Vincent","date":"April 19, 2017","format":false,"excerpt":"If for whatever reason you wanted to use less colourful emojis you can use this pure CSS snippet to convert the emojis to greyscale version. If you are having trouble with the pen, try the archived copy on GitHub Black and White Emoji Snippet","rel":"","context":"In \"pure css\"","block_context":{"text":"pure css","link":"https:\/\/codemyui.com\/tag\/pure-css\/"},"img":{"alt_text":"Greyscale Emoji","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/04\/greyscale-emoji.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/04\/greyscale-emoji.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/04\/greyscale-emoji.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2017\/04\/greyscale-emoji.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":1,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":26152,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts\/47\/revisions\/26152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/media\/482"}],"wp:attachment":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}