天气报告模版-Surf Report Template

Today we’d like to share a little template with you. This flexbox-based layout represents a weekly (5-day) surf report which shows some data of the day, like temperatures and information on waves. It is accompanied by an animating SVG graph that visualizes the wave data. When hovering over each day, a division of day periods becomes visible, each one showing relevant information depending on the time of the day. Additionally, when clicking on a live cam button, another content panel is slided into view. This panel shows an embedded Video with a live cam recording. We hope this little layout comes in handy for a column-based layout project or for your next animated SVG graph adventure.
今天我们想和大家分享一个小模板。这flexbox基于布局代表一周（5）冲浪报告显示一天的数据，如波的温度和信息。它是伴随着一个动画SVG图形可视化的波形数据。当每天悬停时，白天的一段时间变得可见，每一个都显示出当天的相关信息。此外，当点击一个活凸轮按钮，另一个内容面板滑入视图。这个面板显示了一个内嵌的凸轮实时录像。我们希望这种小布局对于基于列的布局项目或您的下一个SVG图形冒险非常有用。

查看演示 下载资源