{"id":148552,"date":"2025-05-19T15:53:54","date_gmt":"2025-05-19T12:53:54","guid":{"rendered":"https:\/\/elementor.com\/help\/stil-tab-effekte\/"},"modified":"2025-05-19T15:53:54","modified_gmt":"2025-05-19T12:53:54","slug":"stil-tab-effekte","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/","title":{"rendered":"Stil-Tab \u2013 Effekte"},"content":{"rendered":"\n

[callout title=“Wer kann diese Funktion nutzen:“]Dieser Artikel ist f\u00fcr Editor v4-Benutzer. Wenn Sie Editor v3 verwenden, lesen Sie den relevanten Artikel hier: Erweiterter Tab<\/a> [\/callout]<\/p>\n\n\n\n

<\/p>\n\n\n\n

Wenn Sie Ihrem Element einen Schlagschatten hinzuf\u00fcgen, kann dies ihm Tiefe verleihen und das Element auf der Seite hervorheben. Eine detailliertere Betrachtung von Schatten finden Sie unter Was ist Schatten, Textschatten und Boxschatten?<\/a> <\/p>\n\n\n\n

Einen Schlagschatten zu einem Element hinzuf\u00fcgen<\/h2>\n\n\n\n

So f\u00fcgen Sie einen Rahmen hinzu<\/strong>: <\/p>\n\n\n\n

    \n
  1. \u00d6ffnen Sie den Elementor-Editor.<\/li>\n\n\n\n
  2. Ein Element zur Arbeitsfl\u00e4che hinzuf\u00fcgen.
    \"\"<\/li>\n\n\n\n
  3. Klicken Sie auf den Style<\/strong>-Tab.
    \"\"<\/li>\n\n\n\n
  4. \u00d6ffnen Sie das Feld Effekte<\/strong>.
    \"\" <\/li>\n\n\n\n
  5. Um einen Schatten hinzuzuf\u00fcgen, klicken Sie auf das Pluszeichen neben Schlagschatten<\/strong>.
    \"\"<\/li>\n\n\n\n
  6. Sie haben dann die folgenden Optionen:\n
      \n
    1. Farbe<\/strong>: Legen Sie eine Farbe f\u00fcr den Schatten fest. Einzelheiten finden Sie unter Den Farbw\u00e4hler verwenden<\/a>.  <\/li>\n\n\n\n
    2. Position<\/strong>: Es gibt zwei Arten von Schlagschatten:\n
        \n
      1. Outset<\/strong>: Der Schatten beginnt am Elementrand und flie\u00dft nach au\u00dfen.<\/li>\n\n\n\n
      2. Inset<\/strong>: Der Schatten beginnt am Elementrand und flie\u00dft nach innen.<\/li>\n<\/ol>\n<\/li>\n\n\n\n
      3. Horizontal <\/strong>und Vertikal<\/strong>: Sie k\u00f6nnen interessante Effekte erzielen, indem Sie die Position des Schattens \u00e4ndern. Verwenden Sie die Zahlenfelder, um den Schatten nach rechts und links (Horizontal<\/strong>) oder nach oben und unten (Vertikal<\/strong>) zu verschieben. <\/li>\n\n\n\n
      4. Unsch\u00e4rfe<\/strong> und Streuung<\/strong>: Der Schatteneffekt entsteht, indem man mit einer Volltonfarbe beginnt und diese dann zunehmend unscharf macht.\n
          \n
        1. Unsch\u00e4rfe<\/strong>: Erweitert den Bereich, der von der unscharfen Farbe abgedeckt wird.<\/li>\n\n\n\n
        2. Streuung<\/strong>: Erweitert den Bereich, der von der Volltonfarbe abgedeckt wird. <\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n

          Ebenen zu Ihrem Schlagschatten hinzuf\u00fcgen<\/h3>\n\n\n\n

          Nachdem Sie einen Schlagschatten erstellt haben, k\u00f6nnen Sie mehr Tiefe hinzuf\u00fcgen oder einzigartige Effekte erzeugen, indem Sie dem Schatten weitere Ebenen hinzuf\u00fcgen. <\/p>\n\n\n\n

          So f\u00fcgen Sie einem Schlagschatten eine Ebene hinzu<\/strong>:<\/p>\n\n\n\n

            \n
          1. W\u00e4hlen Sie ein Element mit einem Schlagschatten aus und \u00f6ffnen Sie das Feld Effekte<\/strong>.
            \"\"<\/li>\n\n\n\n
          2. Klicken Sie auf das Pluszeichen bei Schlagschatten<\/strong>.
            Das Optionsfenster f\u00fcr den Schlagschatten wird angezeigt.
            \"\"<\/li>\n\n\n\n
          3. Legen Sie die Optionen f\u00fcr den Schlagschatten fest und klicken Sie au\u00dferhalb des Feldes, um das Fenster zu schlie\u00dfen.
            Sie haben eine zweite Ebene des Schlagschattens erstellt.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

            [callout title=“Wer kann diese Funktion nutzen:“]Dieser Artikel ist f\u00fcr Editor v4-Benutzer. Wenn Sie Editor v3 verwenden, lesen Sie den relevanten Artikel hier: Erweiterter Tab [\/callout] Wenn Sie Ihrem Element einen Schlagschatten hinzuf\u00fcgen, kann dies ihm Tiefe verleihen und das Element auf der Seite hervorheben. Eine detailliertere Betrachtung von Schatten finden Sie unter Was ist Schatten, […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1623],"tags":[1696],"class_list":["post-148552","post","type-post","status-publish","format-standard","hentry","category-style-tab-de","tag-v4-de"],"acf":[],"yoast_head":"\nStil-Tab \u2013 Effekte | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Stil-Tab \u2013 Effekte in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stil-Tab \u2013 Effekte | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Stil-Tab \u2013 Effekte in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1227\" \/>\n\t<meta property=\"og:image:height\" content=\"715\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Stil-Tab \u2013 Effekte\",\"datePublished\":\"2025-05-19T12:53:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\"},\"wordCount\":348,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Style tab\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\",\"url\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\",\"name\":\"Stil-Tab \u2013 Effekte | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\",\"datePublished\":\"2025-05-19T12:53:54+00:00\",\"description\":\"Learn everything about Stil-Tab \u2013 Effekte in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/de\/v4-editor-de\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Style tab\",\"item\":\"https:\/\/elementor.com\/help\/de\/v4-editor-de\/style-tab-de\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Stil-Tab \u2013 Effekte\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\",\"url\":\"https:\/\/elementor.com\/help\/de\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Stil-Tab \u2013 Effekte | Elementor","description":"Learn everything about Stil-Tab \u2013 Effekte in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/","og_locale":"de_DE","og_type":"article","og_title":"Stil-Tab \u2013 Effekte | Elementor","og_description":"Learn everything about Stil-Tab \u2013 Effekte in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:54+00:00","og_image":[{"width":1227,"height":715,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Cliff Churgin","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Stil-Tab \u2013 Effekte","datePublished":"2025-05-19T12:53:54+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/"},"wordCount":348,"publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","keywords":["V4"],"articleSection":["Style tab"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/","url":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/","name":"Stil-Tab \u2013 Effekte | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","datePublished":"2025-05-19T12:53:54+00:00","description":"Learn everything about Stil-Tab \u2013 Effekte in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/de\/stil-tab-effekte\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/de\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/de\/v4-editor-de\/"},{"@type":"ListItem","position":3,"name":"Style tab","item":"https:\/\/elementor.com\/help\/de\/v4-editor-de\/style-tab-de\/"},{"@type":"ListItem","position":4,"name":"Stil-Tab \u2013 Effekte"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/de\/#website","url":"https:\/\/elementor.com\/help\/de\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/de\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts\/148552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/comments?post=148552"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts\/148552\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/media?parent=148552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/categories?post=148552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/tags?post=148552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}