{"id":111,"date":"2011-02-02T02:58:36","date_gmt":"2011-02-02T02:58:36","guid":{"rendered":"http:\/\/xiveterritory.com\/blog\/?p=111"},"modified":"2011-07-26T19:30:09","modified_gmt":"2011-07-26T19:30:09","slug":"22-advanced-css-text-effects-and-web-typography-tips","status":"publish","type":"post","link":"https:\/\/khalifahterritory.com\/blog\/?p=111","title":{"rendered":"22 Advanced CSS Text Effects And Web Typography Tips"},"content":{"rendered":"\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Fkhalifahterritory.com%2Fblog%2F%3Fp%3D111&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n<p>You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as\u00a0upcoming and current trend in good webdesign. The best thing about these effects is, it can be achieved with pure\u00a0CSS, no more image replacements and image heavy web designs. In this article I showcased all the best explained CSS\u00a0tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this\u00a0article to bookmarks so the next time you create new design in Photoshop with letterpress, shadowed etc. effects \u2013\u00a0you can create them just with pure code!\u00a0Typography takes also very important role in good web designs, so I strongly recommend to read articles I featured\u00a0there as well! Enjoy and get inspired for your new, advanced web designs!<\/p>\n<p>You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as\u00a0upcoming and current trend in good webdesign. The best thing about these effects is, it can be achieved with pure\u00a0CSS, no more image replacements and image heavy web designs. In this article I showcased all the best explained CSS\u00a0tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this\u00a0article to bookmarks so the next time you create new design in Photoshop with letterpress, shadowed etc. effects \u2013\u00a0you can create them just with pure code!\u00a0Typography takes also very important role in good web designs, so I strongly recommend to read articles I featured\u00a0there as well! Enjoy and get inspired for your new, advanced web designs!<\/p>\n<p style=\"text-indent: 16px;\">1. Create a Letterpress Effect with CSS Text-Shadow<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/letterpress-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112\" title=\"letterpress-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/letterpress-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"318\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/letterpress-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/letterpress-css-text-effects-typography-300x167.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>2. Text Rotation with CSS<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/snook-rotation-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-113\" title=\"snook-rotation-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/snook-rotation-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"295\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/snook-rotation-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/snook-rotation-css-text-effects-typography-300x155.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>3. Date Display Technique with Sprites<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/display-sprites-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-114\" title=\"display-sprites-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/display-sprites-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"247\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/display-sprites-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/display-sprites-css-text-effects-typography-300x130.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>4. CSS Gradient Text Effect<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-115\" title=\"gradient-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"530\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-css-text-effects-typography-300x278.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>5. CSS Text Gradients<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-cssglobe-rotation-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-116\" title=\"gradient-cssglobe-rotation-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-cssglobe-rotation-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"286\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-cssglobe-rotation-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/gradient-cssglobe-rotation-css-text-effects-typography-300x150.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>6. Add grunge effect to text using simple CSS<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/grunge-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-117\" title=\"grunge-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/grunge-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"127\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/grunge-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/grunge-css-text-effects-typography-300x66.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>7. Two simple ways to create text embossing effect<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embosing-two-tips-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-118\" title=\"embosing-two-tips-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embosing-two-tips-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"157\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embosing-two-tips-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embosing-two-tips-css-text-effects-typography-300x82.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>8. Text Embossing Technique With CSS<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embossing-technique-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-119\" title=\"embossing-technique-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embossing-technique-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"309\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embossing-technique-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/embossing-technique-css-text-effects-typography-300x162.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a>9. Codename Rainbows<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/rainbows-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-120\" title=\"rainbows-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/rainbows-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"315\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/rainbows-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/rainbows-css-text-effects-typography-300x165.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>10. CSS Drop Shadows<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/dropshadow-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-121\" title=\"dropshadow-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/dropshadow-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"45\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/dropshadow-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/dropshadow-css-text-effects-typography-300x23.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>11. Text-Shadow Exposed<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/cool-clever-shadow-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-122\" title=\"cool-clever-shadow-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/cool-clever-shadow-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"120\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/cool-clever-shadow-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/cool-clever-shadow-css-text-effects-typography-300x63.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>12. Background gradients and CSS<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/background-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-123\" title=\"background-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/background-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"85\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/background-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/background-css-text-effects-typography-300x44.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>13. CSS Text-Shadow in Safari, Opera, Firefox and more<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/multiple-shadows-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-124\" title=\"multiple-shadows-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/multiple-shadows-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"360\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/multiple-shadows-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/multiple-shadows-css-text-effects-typography-300x189.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>14. Text-overflow<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/overflow-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-125\" title=\"overflow-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/overflow-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"194\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/overflow-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/overflow-css-text-effects-typography-300x102.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>15. How To Implement sIFR3 Into Your Website<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/sifr-how-to-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-126\" title=\"sifr-how-to-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/sifr-how-to-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"244\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/sifr-how-to-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/sifr-how-to-css-text-effects-typography-300x128.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>16. How To Use Any Font You Wish With FLIR<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/10-typography-tips-css-text-effects-typography.jpg\"><\/a><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/flir-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-128\" title=\"flir-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/flir-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"308\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/flir-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/flir-css-text-effects-typography-300x162.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p><strong>For Further Reading \u2013 More Typography Tips In Sucessful Web Designs<\/strong><\/p>\n<p>17. How to use headings in HTML<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/headings-how-to-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-129\" title=\"headings-how-to-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/headings-how-to-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"392\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/headings-how-to-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/headings-how-to-css-text-effects-typography-300x206.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>18. Advanced Typography techniques using CSS<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/advanced-typography-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-130\" title=\"advanced-typography-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/advanced-typography-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"264\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/advanced-typography-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/advanced-typography-css-text-effects-typography-300x138.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>19. 10 Examples of Beautiful CSS Typography and how they did it\u2026<\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-127\" style=\"margin-bottom: 16px; display: block; margin-left: auto; margin-right: auto; margin-top: 16px; padding: 4px; border: 1px solid #aaaaaa;\" title=\"10-typography-tips-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/10-typography-tips-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"291\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/10-typography-tips-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/10-typography-tips-css-text-effects-typography-300x153.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/span><\/p>\n<p>20. Typographic Contrast and Flow<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/typographic-contrast-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-131\" title=\"typographic-contrast-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/typographic-contrast-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"394\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/typographic-contrast-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/typographic-contrast-css-text-effects-typography-300x207.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>21. The Elements of Typographic Style applied in Webdesign<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/elements-typography-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-132\" title=\"elements-typography-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/elements-typography-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"446\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/elements-typography-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/elements-typography-css-text-effects-typography-300x234.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>22. 5 Principles And Ideas Of Setting Type On The Web<\/p>\n<p><a href=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/5-principles-type-css-text-effects-typography.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-133\" title=\"5-principles-type-css-text-effects-typography\" src=\"http:\/\/xiveterritory.com\/blog\/wp-content\/uploads\/2011\/02\/5-principles-type-css-text-effects-typography.jpg\" alt=\"\" width=\"570\" height=\"290\" srcset=\"https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/5-principles-type-css-text-effects-typography.jpg 570w, https:\/\/khalifahterritory.com\/blog\/wp-content\/uploads\/2011\/02\/5-principles-type-css-text-effects-typography-300x152.jpg 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a>Credit goes to <a href=\"http:\/\/www.1stwebdesigner.com\/css\/advanced-css-text-effects-web-typography-tips\/\" target=\"_blank\">1stwebdesigner<\/a><\/p>\n\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Fkhalifahterritory.com%2Fblog%2F%3Fp%3D111&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n","protected":false},"excerpt":{"rendered":"<p>You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as\u00a0upcoming and&#8230;<\/p>\n","protected":false},"author":1,"featured_media":119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cool-site","end"],"_links":{"self":[{"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=111"}],"version-history":[{"count":8,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/111\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/111\/revisions\/226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/119"}],"wp:attachment":[{"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khalifahterritory.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}