diff --git a/src/Components/SVG/Elements/Container.tsx b/src/Components/SVG/Elements/Container.tsx index d1bf336..674b916 100644 --- a/src/Components/SVG/Elements/Container.tsx +++ b/src/Components/SVG/Elements/Container.tsx @@ -23,11 +23,18 @@ export class Container extends React.Component { public render(): React.ReactNode { const containersElements = this.props.children.map(child => child.render()); - const style = Object.assign({}, this.props.properties); + const defaultStyle = { + transitionProperty: 'all', + transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)', + transitionDuration: '150ms' + } as React.CSSProperties; + const style = Object.assign(defaultStyle, this.props.properties); style.x = 0; style.y = 0; + return (