Ana Tudor Pentagon (ana_tudor_pentagon)¶
← Back to Object Elements | 📋 All Elements
This element is available in the Lucit Template Designer Elements Panel and can be added to any template by clicking on it.
When this element is added, the code listed in Element HTML will be added as a new layer in your template design that you can then customize as you see fit.
Overview
- Type:
object - Element Class:
App\LuCore\DriveTemplates\BackgroundDriveTemplateElementClass
blue, yellow, repeating,
Preview
Element HTML
<div x-objectcode="ana_tudor_pentagon" class="lc_ut_designer lc_dt_element lc_dt_object lc_dt_image_full_size_stretch" id="{id}" title="Ana Tudor Pentagon"></div>
Default CSS
transform: rotate(deg);
background-image:
conic-gradient(from 160deg at 70px 168.5px, #FDC12D 0deg 90deg, transparent 90deg),
conic-gradient(from 21deg at 168px 71px, #FDC12D 0deg 90deg, transparent 90deg),
conic-gradient(from 21deg at 141px 141px, #FEEBAE 0deg 114deg, transparent 114deg),
conic-gradient(from -21deg at 96.5px 44px, #1483CA 0deg 131.5deg, transparent 131.5deg),
conic-gradient(from -70deg at 43.5px 97px, #FDC12D 0deg 115.5deg, transparent 115.5deg),
conic-gradient(from 134.5deg at 141px 141px, #1483CA 0deg 114.5deg, transparent 114deg),
conic-gradient(from 160deg at 43.5px 97px, #FEEBAE 0deg 130.5deg, transparent 120deg 360deg);
background-color: skyblue;
background-size: 195px 195px;
background-position: -30px -30px;
background-repeat: repeat, repeat;