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

Question

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

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

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


.zoom:hover
  transform: scale(1.5)

此外，我想允许用户像在Google Maps中一样浏览网格。该怎么做？