在css中有没有办法不用transform就能得到聊天气泡？

在CSS中，可以使用伪元素和一些技巧来实现聊天气泡的效果，而不必使用transform属性。以下是一种常见的实现方式：

1. 首先，创建一个带有背景色和边框的矩形容器，作为聊天气泡的主体。可以使用border-radius属性来使其变为圆角矩形。
2. 使用伪元素(::before或::after)来创建一个小三角形，作为聊天气泡的尖角。可以通过设置伪元素的border属性来实现。
3. 将伪元素定位到合适的位置，使其与聊天气泡主体相连接。可以使用position属性和top、left等属性来调整位置。
4. 最后，根据需要调整聊天气泡的大小、位置、颜色等样式属性，以实现所需的效果。

这种方法可以在不使用transform的情况下创建聊天气泡效果。具体实现方式可能因具体需求而有所不同，可以根据实际情况进行调整。

以下是一个简单的示例代码：

.chat-bubble {
  position: relative;
  display: inline-block;
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 10px;
}

.chat-bubble::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent #f0f0f0 transparent transparent;
}

这是一个基本的聊天气泡样式，你可以根据需要进行进一步的样式调整和定制。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS服务：腾讯云提供的云计算服务，包括云服务器、云数据库、云存储等。
• 腾讯云云原生服务：腾讯云提供的云原生应用托管和容器服务，可用于部署和管理云原生应用。
• 腾讯云音视频处理服务：腾讯云提供的音视频处理服务，可用于音视频转码、截图、水印等处理操作。
• 腾讯云人工智能服务：腾讯云提供的人工智能服务，包括图像识别、语音识别、自然语言处理等功能。
• 腾讯云物联网服务：腾讯云提供的物联网平台，可用于连接和管理物联网设备。
• 腾讯云移动开发服务：腾讯云提供的移动应用开发服务，包括移动推送、移动分析等功能。
• 腾讯云存储服务：腾讯云提供的对象存储服务，可用于存储和管理大规模数据。
• 腾讯云区块链服务：腾讯云提供的区块链服务，可用于构建和管理区块链应用。
• 腾讯云元宇宙服务：腾讯云提供的元宇宙服务，可用于构建和管理虚拟现实、增强现实等应用。

请注意，以上链接仅供参考，具体产品和服务选择应根据实际需求进行评估和决策。