Dreamy Layered Circles (dreamy_layered_circles)¶
← Back to Image 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:
img - Element Class:
App\LuCore\DriveTemplates\BackgroundDriveTemplateElementClass - Image:
{'options': {'public_url': 'https://lucore-bucket-images-prod2.s3.us-east-2.amazonaws.com/5/img_66b544839a9ab_484d9973f1683745357f.jpg', 'size_in_bytes': 79457, 'dimension_height': 1200, 'dimension_width': 1920, 'hash_md5': 'b330a90074e9bd1f824ef81f66a724bd'}, 'mime_type': 'image/jpeg', 'lcuid': 'LCUID-LM-cf4891a3-5e18-40fc-8918-c36f8d5c6456', 'hash_id': 'lch-6zlW'}
Blue green circles, dark, cold, cool,
Preview
Element HTML
<div x-objectcode="dreamy_layered_circles" class="lc_ut_designer lc_dt_asset lc_dt_image lc_dt_image_full_size_stretch" id="{id}" title="Dreamy Layered Circles" style="background-image: url('https://lucore-bucket-images-prod2.s3.us-east-2.amazonaws.com/5/img_66b544839a9ab_484d9973f1683745357f.jpg');"></div>
Default CSS