{"id":180,"date":"2026-07-30T06:28:38","date_gmt":"2026-07-30T06:28:38","guid":{"rendered":"https:\/\/99tools.net\/blog\/?p=180"},"modified":"2026-07-30T06:45:19","modified_gmt":"2026-07-30T06:45:19","slug":"how-to-create-beautiful-css-text-shadow-effects","status":"publish","type":"post","link":"https:\/\/99tools.net\/blog\/how-to-create-beautiful-css-text-shadow-effects\/","title":{"rendered":"How to Create Beautiful CSS Text Shadow Effects"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If you&#8217;ve ever looked at a website and noticed text that seems to pop off the screen, chances are you were looking at <code>text-shadow<\/code> in action. It&#8217;s one of those CSS properties that looks simple on paper but can completely change the personality of your design when you know how to use it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, I&#8217;ll walk you through everything you need to know about CSS text shadows \u2014 from the basic syntax to advanced layering techniques that create glow, depth, and 3D effects. I&#8217;ll also show you a few different ways to build these effects, whether you prefer writing code by hand or using visual tools to speed things up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s get into it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is <code>text-shadow<\/code> and Why It Matters<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>text-shadow<\/code> is a CSS property that lets you add a shadow (or multiple shadows) behind or around text. On the surface, it seems purely decorative. But used well, it does real work for your design:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Adds depth<\/strong> \u2014 flat text can look dull; a subtle shadow gives it dimension<\/li>\n\n\n\n<li><strong>Improves readability<\/strong> \u2014 a dark shadow behind light text on a busy background can make headlines easier to read<\/li>\n\n\n\n<li><strong>Reinforces branding<\/strong> \u2014 glowing neon text, embossed effects, or soft drop shadows all carry a distinct visual mood<\/li>\n\n\n\n<li><strong>Draws attention<\/strong> \u2014 a well-placed shadow can make a heading or CTA stand out without changing font size or color<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Browser support for <code>text-shadow<\/code> has been solid for years across all major browsers, so you don&#8217;t need to worry about fallbacks or vendor prefixes anymore. It just works.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Understanding the <code>text-shadow<\/code> Syntax<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before jumping into effects, it helps to understand exactly what you&#8217;re controlling. The syntax looks like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>text-shadow: h-offset v-offset blur-radius color;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what each value does:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>h-offset<\/strong> \u2014 how far the shadow moves horizontally. Positive values push it right, negative values push it left.<\/li>\n\n\n\n<li><strong>v-offset<\/strong> \u2014 how far the shadow moves vertically. Positive values push it down, negative values push it up.<\/li>\n\n\n\n<li><strong>blur-radius<\/strong> \u2014 how soft or sharp the shadow edge is. <code>0<\/code> gives a crisp shadow; higher numbers blur it out.<\/li>\n\n\n\n<li><strong>color<\/strong> \u2014 the shadow&#8217;s color, which you can set using hex, RGB, RGBA, or HSL.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A simple example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>h1 {\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This pushes the shadow slightly right and down, softens it a bit, and keeps it semi-transparent so it doesn&#8217;t look too heavy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One thing worth remembering: the blur-radius is optional. If you leave it out, the browser treats it as <code>0<\/code>, giving you a hard-edged shadow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 1: Writing Text Shadows by Hand<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The most straightforward way to add a shadow is to just write the CSS yourself. This works well once you understand how offset direction affects the shadow&#8217;s &#8220;light source.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think of it like real-world lighting. If your light source is above and to the left of the text, the shadow falls below and to the right \u2014 which is why positive offset values are so common.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.heading {\n  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A few common mistakes to avoid when doing this manually:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Too much blur<\/strong> \u2014 a blur radius that&#8217;s too high makes text look smudged rather than shadowed<\/li>\n\n\n\n<li><strong>Too little contrast<\/strong> \u2014 a shadow that&#8217;s nearly the same color as the background barely registers<\/li>\n\n\n\n<li><strong>Overly dark shadows on light backgrounds<\/strong> \u2014 this can look heavy-handed instead of subtle<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Start small. A blur of 2\u20134px and an offset of 1\u20133px is usually enough for a natural-looking shadow on body text or headings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 2: Layering Multiple Shadows for Advanced Effects<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s where <code>text-shadow<\/code> gets genuinely fun. Unlike <code>box-shadow<\/code>, you can stack as many shadows as you want on a single element by separating them with commas. Each layer is rendered independently, so you can build up complex effects like glow, embossing, or 3D depth.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Neon Glow Effect<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>.neon-text {\n  color: #fff;\n  text-shadow:\n    0 0 5px #0ff,\n    0 0 10px #0ff,\n    0 0 20px #0ff,\n    0 0 40px #0ff;\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This works by layering the same color at increasing blur radii, which mimics how light actually glows outward and fades.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3D \/ Extruded Text Effect<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>.text-3d {\n  color: #fff;\n  text-shadow:\n    1px 1px 0 #ccc,\n    2px 2px 0 #bbb,\n    3px 3px 0 #aaa,\n    4px 4px 0 #999,\n    5px 5px 5px rgba(0, 0, 0, 0.4);\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Each layer is offset slightly more than the last with no blur, creating the illusion of depth \u2014 like the text has physical thickness.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embossed \/ Outlined Effect<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>.embossed-text {\n  color: #ddd;\n  text-shadow:\n    -1px -1px 1px rgba(255, 255, 255, 0.8),\n    1px 1px 1px rgba(0, 0, 0, 0.6);\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A light shadow on the top-left and a dark shadow on the bottom-right creates a carved, embossed look \u2014 similar to text stamped into metal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Retro Long-Shadow Effect<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>.retro-text {\n  color: #333;\n  text-shadow:\n    1px 1px 0 #666,\n    2px 2px 0 #666,\n    3px 3px 0 #666,\n    4px 4px 0 #666,\n    5px 5px 0 #666,\n    6px 6px 0 #666;\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This was a huge trend in flat design a few years back \u2014 a single solid-colored shadow that trails off at a 45-degree angle. You can extend the number of layers to make the &#8220;trail&#8221; longer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 3: Using Browser DevTools to Experiment<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sometimes the fastest way to fine-tune a shadow is to just play with it live in your browser instead of guessing values and refreshing the page repeatedly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s the workflow:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Right-click the text element and choose <strong>Inspect<\/strong><\/li>\n\n\n\n<li>Find the <code>text-shadow<\/code> property in the Styles panel<\/li>\n\n\n\n<li>Edit the values directly and watch the text update in real time<\/li>\n\n\n\n<li>Once you&#8217;re happy with it, copy the final value back into your stylesheet<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">This is especially useful when you&#8217;re building layered effects like the neon glow above, since small changes in blur radius can make a big visual difference. Chrome and Firefox both support this kind of live editing out of the box, no extensions needed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 4: Using a Text Shadow Generator Tool<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;d rather skip the trial-and-error entirely, visual generator tools are a genuinely useful shortcut. Instead of manually adjusting numbers and refreshing your browser, you move sliders for horizontal offset, vertical offset, and blur, pick a color, and watch the preview update instantly. Once it looks right, you copy the generated CSS straight into your project.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This approach is particularly handy when:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You&#8217;re prototyping quickly and don&#8217;t want to context-switch into your code editor<\/li>\n\n\n\n<li>You&#8217;re not confident about how blur and offset interact yet<\/li>\n\n\n\n<li>You want to test several color and blur combinations side by side before committing<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">One example of this kind of tool is 99Tools&#8217; <a href=\"https:\/\/99tools.net\/text-shadow-css-generator\/\">text shadow CSS generator<\/a>, which lets you adjust offset, blur, and shadow color with sliders and gives you ready-to-use CSS output that you can copy directly into your stylesheet. It&#8217;s a simple way to get a feel for how the property behaves before fine-tuning the code yourself.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you use a tool like this or write the CSS from scratch really comes down to preference \u2014 both get you to the same result, just at different speeds.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use a Text Shadow Generator<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/99tools.net\/blog\/wp-content\/uploads\/2026\/07\/Text-Shadow-CSS-Generator-Tool-1024x595.png\" alt=\"Text Shadow CSS Generator Tool\" class=\"wp-image-199\" srcset=\"https:\/\/99tools.net\/blog\/wp-content\/uploads\/2026\/07\/Text-Shadow-CSS-Generator-Tool-1024x595.png 1024w, https:\/\/99tools.net\/blog\/wp-content\/uploads\/2026\/07\/Text-Shadow-CSS-Generator-Tool-300x174.png 300w, https:\/\/99tools.net\/blog\/wp-content\/uploads\/2026\/07\/Text-Shadow-CSS-Generator-Tool-768x446.png 768w, https:\/\/99tools.net\/blog\/wp-content\/uploads\/2026\/07\/Text-Shadow-CSS-Generator-Tool.png 1397w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Text Shadow CSS Generator Tool<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/99tools.net\/text-shadow-css-generator\/\">Open the generator<\/a>.<\/strong> You&#8217;ll usually land on a page with a live text preview and a set of controls below it.<\/li>\n\n\n\n<li><strong>Adjust the horizontal offset.<\/strong> Drag the slider to move the shadow left or right. Watch the preview update in real time so you can see exactly how far is too far.<\/li>\n\n\n\n<li><strong>Adjust the vertical offset.<\/strong> This slider controls how far the shadow sits above or below the text \u2014 the same real-world &#8220;light source&#8221; logic from earlier applies here.<\/li>\n\n\n\n<li><strong>Set the blur radius.<\/strong> Increase this to soften the shadow&#8217;s edge, or keep it low for a sharper, more defined look.<\/li>\n\n\n\n<li><strong>Pick a shadow color.<\/strong> Click the color swatch and choose a color that fits your design \u2014 a light gray for subtle depth, or something bolder for a stylized effect.<\/li>\n\n\n\n<li><strong>Copy the generated CSS.<\/strong> Once the preview looks right, the tool outputs the finished <code>text-shadow<\/code> value. Click the copy button and paste it straight into your stylesheet.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it. No manual math, no repeated refreshing \u2014 just drag, preview, and copy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design Tips for Tasteful Text Shadows<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you know the <em>how<\/em>, let&#8217;s talk about the <em>how much<\/em>. Text shadows are easy to overdo, and a heavy-handed shadow can hurt more than it helps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Prioritize contrast and accessibility<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A shadow should never be the only thing making text readable. If your text struggles to pass contrast checks without the shadow, fix the base color first, and treat the shadow as a bonus, not a crutch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Keep it subtle for body text<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Shadows on paragraph text should be nearly invisible \u2014 just enough to add a little lift. Save the bold, stylized effects for headlines and hero sections.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Match the shadow to your theme<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A soft gray shadow suits a clean, corporate site. A neon glow fits a gaming or entertainment brand. The shadow style should feel like it belongs, not like it was bolted on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Watch your performance on large blocks of text<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A single shadow costs almost nothing to render. But if you&#8217;re layering five or six shadows across a huge amount of text (like a full paragraph rather than a heading), it can add unnecessary rendering overhead. Reserve heavy layering for short text like titles and logos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Real-World Use Cases<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s where text shadows tend to show up most often in real projects:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hero headings<\/strong> \u2014 a soft shadow adds polish to large, bold headline text on landing pages<\/li>\n\n\n\n<li><strong>Buttons and CTAs<\/strong> \u2014 a subtle shadow on button text can make it feel slightly raised and clickable<\/li>\n\n\n\n<li><strong>Dark mode interfaces<\/strong> \u2014 shadows help light text maintain definition against dark backgrounds<\/li>\n\n\n\n<li><strong>Cards and badges<\/strong> \u2014 small text shadows on tags or labels add a bit of visual hierarchy without extra markup<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You don&#8217;t need to use text-shadow everywhere. Pick a few key spots where it genuinely improves the design, and leave the rest of your text alone.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Does <code>text-shadow<\/code> work with every font and font weight?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. <code>text-shadow<\/code> is applied at the rendering level, so it works regardless of font family, weight, or size. That said, shadows tend to show up more clearly on bolder, larger text \u2014 a thin 12px font with a heavy shadow can end up looking blurry rather than stylish.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I animate a text shadow with CSS transitions?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes, and it&#8217;s a nice touch for hover effects. Since <code>text-shadow<\/code> is animatable, you can transition between two shadow values:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.link {\n  text-shadow: 0 0 0 transparent;\n  transition: text-shadow 0.3s ease;\n}\n\n.link:hover {\n  text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Keep in mind that transitioning between very different shadow values (like different numbers of layers) doesn&#8217;t always animate smoothly, since the browser needs matching shadow &#8220;slots&#8221; to interpolate between.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>What&#8217;s the difference between <code>text-shadow<\/code> and <code>box-shadow<\/code>?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code>text-shadow<\/code> applies specifically to the text characters themselves, following their exact shape. <code>box-shadow<\/code> applies to an element&#8217;s box \u2014 its rectangular boundary \u2014 regardless of what&#8217;s inside it. If you want a shadow that hugs the letters, use <code>text-shadow<\/code>. If you want a shadow around a container, button, or card, use <code>box-shadow<\/code>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why isn&#8217;t my text-shadow showing up?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This usually comes down to one of a few things: the shadow color is too close to the background color, the blur radius is too high and washing the shadow out, or a parent element has <code>overflow: hidden<\/code> combined with tight spacing that&#8217;s clipping it. Double-check contrast first \u2014 it&#8217;s the most common culprit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Does using text-shadow affect accessibility or SEO?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Not directly. Screen readers and search engines read the actual text content, not the visual styling, so <code>text-shadow<\/code> doesn&#8217;t impact how your content is indexed or read aloud. The one thing to watch is contrast \u2014 if a shadow makes text harder to read for people with low vision, it can hurt usability even though it doesn&#8217;t affect SEO.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I use text-shadow on text with a gradient or background-clip effect?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s tricky. Gradient text is usually created using <code>background-clip: text<\/code> combined with a transparent text color, and <code>text-shadow<\/code> doesn&#8217;t always render as expected on top of that technique in every browser. If you need both effects together, test across browsers carefully, since support can be inconsistent.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping Up<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CSS text shadows are simple in syntax but surprisingly flexible in what they can achieve \u2014 from a barely-there lift on body text to full neon-glow headlines. The four approaches covered here (writing shadows by hand, layering multiple shadows, live-editing in DevTools, or using a visual generator) all lead to the same CSS property; it&#8217;s just a matter of which workflow fits how you like to build.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The best way to get comfortable with <code>text-shadow<\/code> is to experiment. Start with a single subtle shadow, then try stacking a few layers and see how the effect changes. Small adjustments to offset and blur make a bigger difference than you&#8217;d expect.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;ve ever looked at a website and noticed text that seems to pop off the screen, chances are you were looking at text-shadow in action. It&#8217;s one of those CSS properties that looks simple on paper but can completely change the personality of your design when you know how to use it. In this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":189,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/posts\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":6,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/posts\/180\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/posts\/180\/revisions\/201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/media\/189"}],"wp:attachment":[{"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/media?parent=180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/categories?post=180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/99tools.net\/blog\/wp-json\/wp\/v2\/tags?post=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}