{"id":6736,"date":"2024-04-14T16:01:07","date_gmt":"2024-04-14T08:01:07","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6736"},"modified":"2024-04-14T16:01:07","modified_gmt":"2024-04-14T08:01:07","slug":"translucency","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/translucency\/","title":{"rendered":"Translucency"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p>Adjusting the translucency of an element impacts the\u00a0clearness level of this element and all its descendants.<\/p>\n<p><strong>Discover more about<\/strong>\u00a0<strong>translucency and alternative effects<\/strong><strong>.<\/strong><\/p>\n<h6>Translucency can also be modified for a\u00a0<a href=\"https:\/\/help.webflow.com\/article\/color-picker\">color<\/a>\u00a0of a particular style property, such as a background color or border color. This can be handy if you wish to implement transparency to a specific style property without influencing its descendant elements.<\/h6>\n<h2>Establishing hover effects<\/h2>\n<p>You have the ability to utilize the translucency property to craft hover effects:<\/p>\n<ol>\n<li>Pick <strong>Hover<\/strong> from the available states<\/li>\n<li>Assign an <strong>Opacity<\/strong> value in the\u00a0<strong>Effects<\/strong>\u00a0area of the\u00a0<strong>Styles<\/strong>\u00a0<strong>panel<\/strong>.<\/li>\n<li>Revert to the <strong>None<\/strong> state<\/li>\n<li>Incorporate a <strong>Transition<\/strong> to refine the effect<\/li>\n<\/ol>\n<p><a href=\"https:\/\/help.webflow.com\/article\/states\"><strong>Find out more about implementing states<\/strong><\/a>\u00a0<strong>and<\/strong><a href=\"https:\/\/help.webflow.com\/article\/transitions\"><strong>transitions<\/strong><\/a><strong>on elements.<\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use opacity to change the transparency level of elements to create unique visual effects.","protected":false},"author":2,"featured_media":6737,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-6736","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6736"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6736\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6737"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}