html - 如何放大/缩小和移动元素？

Question

我正在尝试在 Angular 组件中显示由Honeycomb生成的 Hex Grid。网格可以很大，因为用户可以自己选择高度和宽度。

为了处理这个问题，我想在十六进制上有一个放大和缩小系统。下面的代码正确吗？

.zoom
  transition: transform .2s
  width: 200px
  height: 200px


.zoom:hover
  transform: scale(1.5)

另外，我想让用户在网格中导航，就像在谷歌地图中一样。怎么做？

标签： htmlcssangular