diff --git a/src/App.scss b/src/App.scss index c41aeab..a32c70f 100644 --- a/src/App.scss +++ b/src/App.scss @@ -16,4 +16,9 @@ text { stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } } \ No newline at end of file diff --git a/src/Components/SVG/Elements/Selector.tsx b/src/Components/SVG/Elements/Selector.tsx index 863317a..6268d2f 100644 --- a/src/Components/SVG/Elements/Selector.tsx +++ b/src/Components/SVG/Elements/Selector.tsx @@ -19,13 +19,13 @@ export const Selector: React.FC = (props) => { props.selected.props.properties.height ]; const style = { - strokeDasharray: '8, 10', stroke: '#3B82F6', // tw blue-500 strokeWidth: 4, fillOpacity: 0, transitionProperty: 'all', transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)', - transitionDuration: '150ms' + transitionDuration: '150ms', + animation: 'fadein 750ms ease-in alternate infinite' } as React.CSSProperties; return (