如何文字變形「凸起/魚眼」效果？

Question

我一直在試圖找到一種方式來創建類似於下面的圖像與CSS或任何其他方式的效果。在Photoshop中，您可以變換選區的網格。我試圖在包含文本的div上使用border-radius: 10%/50%;屬性，但不影響文本，只有div。我也使用了前綴-webkit-。如果有什麼辦法可以產生這種效果，那就太好了。幫助表示讚賞。

Answer 1

border-radius不能爲你做這樣的事情。目前在css標準中沒有任何東西可以達到這樣的效果。

最近的事情是CSS transform財產（standard），它可以做元素線性變換，但在你的圖像效果非線性變換。所以，你必須提供圖像而不是文字。