Rising Sun
A tiny web component (custom element) that renders an animated sunrise with horizon and reflection. Colors and width are fully customizable.
Demo
Usage
npm install rising-sunimport 'rising-sun';
// Now you can use <rising-sun> in HTML<rising-sun
width="400px"
primary-color="#ff6160"
secondary-color="#ffe3e2"
background-color="#222d34"
></rising-sun>Attributes
| Property | Description |
|---|---|
width: |
Component width, e.g., 400px |
primary-color: |
Primary color of the sun |
secondary-color: |
Secondary color for gradients/highlights |
background-color: |
Background color of the sky |