CSS渐变聊天气泡

文章/答案/技术大牛

发布

2回答

html、css

我想创建一个消息区，当用户滚动时，聊天气泡会改变颜色梯度。我得到的代码应该可以工作，但我不知道我遗漏了什么我对包装器或气泡应用了混合混合模式，但我在屏幕上看到的似乎是灰色的。 </div> </div> 预期的结果应该显示气泡随着用户滚动而改变渐变。如果我的代码中的灰色效果可以消除

浏览 17提问于2019-09-13得票数 0

回答已采纳

1回答

如何在Javascript中制作可伸缩的聊天泡泡？

javascript、html、css、html5-canvas

我想在Javascript中制作可伸缩的泡泡聊天形状。它应该以渐变颜色作为背景，并在形状周围添加边框。结果会是这样的：圆形部分可伸展，三角形将保持在中等大小。CSS clip-path.问题是我没能用基本的形状画出这种形状。不幸的是，clip-path不能同时支持多个clip-path .就目前而言，canvas方法可能是最简单的，但也许还有其他一些解决方案

浏览 5提问于2021-10-15得票数 0

回答已采纳

1回答

带有语音气泡的聊天窗口- html

javascript、jquery、html、css、scroll

我正在实现一个页面，定期刷新从数据库中获取随机意见-消息，并显示在聊天气泡中，与用户的照片和日期。我希望聊天气泡应该滚动起来，因为新的消息增加在底部。我从许多网页上得到的好的聊天泡泡css很少。我不知道如何实现在顶部(较旧的)消除旧的聊天气泡( 'div')并在底部添加新气泡的滚动？每次调用ajax时，只会获取一条随机消息。

浏览 2提问于2014-03-18得票数 0

2回答

UITableviewCell中的渐变添加导致重新加载时出现动画问题

ios、swift、uitableview、calayer、cagradientlayer

我想使聊天屏幕，聊天气泡有一些梯度。当应用渐变到UIView时，它在重载时会产生问题。layoutSubviews() { setup() } } 问题是，当重新加载表视图时，渐变显示为动画

浏览 37提问于2019-01-14得票数 0

回答已采纳

1回答

聊天气泡大小

javascript、css、chat、message、resize-image

我有一个像聊天室一样工作的网站。我正在使用一个无序的列表来实现它，在提交的每条消息后面都有一个聊天气泡来封装它。问题是，聊天气泡与每条消息保持相同的大小，消息溢出到气泡上，如下所示：我需要一种方法，使无论消息的大小，气泡大小和封装信息。有点像iMessage和。现在，在CSS中，气泡是通过:背景图像A生成的，这是最好的方法吗？( B)什么Javascript会根据每一条信息调整气泡的大小？

浏览 1提问于2014-08-12得票数 1

回答已采纳

3回答

如何在React JS中使用聊天气泡制作类似聊天的UI

javascript、css、reactjs、material-ui、jsx

我不确定如何根据direction将聊天气泡放置在左侧和右侧。我正在使用Material UI和context API。参考图像。除了material UI之外，我不想使用任何库。 ? 目前，每个聊天气泡都位于左侧。如何根据direction定位气泡。

浏览 38提问于2019-09-30得票数 2

回答已采纳

1回答

我正在建立一个聊天应用程序，其中音频信息可以伴随文本。显示这是一个非常标准的聊天泡泡(想想iMessage)的小部件，只要一次扭转--当音频播放时，这个气泡就变成了一个进度条。进度条本质上只是背景颜色的逐渐变化。您可以在这个中看到布局(点击run)。这个模拟的截图就在这里：因为聊天泡泡是圆的，所以我需要进度条只在结束时旋转。但是，由于消息气泡宽度是可变的，所以我使用FractionallySizedBox作为进度条。1/10通过音频的方式，它应该是1/10

浏览 1提问于2020-05-30得票数 2

回答已采纳

1回答

如何让聊天从屏幕底部弹出？

html、css

我在屏幕的左上角显示带有相对引用的聊天气泡。因此，当新的聊天气泡被插入时，它自然会被插入到先前的下面。我想要做的是让聊天气泡出现在左下角，然后气泡向上移动，新消息出现在底部角落。

浏览 0提问于2016-02-20得票数 0

1回答

将文本从inputAccessoryView动画到tableView，如iOS 11消息应用程序

ios、swift、animation、tableview、inputaccessoryview

我有一个聊天应用程序，并非常有兴趣实现类似于消息应用程序的动画。发送消息会将文本或媒体从inputAccessoryView中动画化，其中的消息直接组合到显示它的tableView/收藏品视图中。

浏览 2提问于2017-11-04得票数 0

回答已采纳

1回答

在图像周围紧密配合div

html、css、css-position、positioning

我正在努力使一个聊天应用程序，需要聊天气泡紧密适合他们的内容。它适用于文本，但当我在气泡中有一个图像时，它就会出现问题。它看起来是这样的：如何在图片周围紧贴聊天气泡div？谢谢!

浏览 3提问于2016-05-03得票数 0

1回答

如何在使用Selenium自动化聊天机器人时从最新的聊天气泡中获取文本

java、html、selenium、selenium-webdriver

当使用Selenium自动化聊天机器人时，我想打印最新的聊天气泡的文本。但是，代码打印的是聊天的第一个聊天气泡中的文本。如果所有的聊天气泡都有相同的html代码，我如何获取最新的聊天气泡的文本？ ? 我用来从聊天气泡中获取文本的selenium代码。String kk = driver.findElement(By.xpath("//*[@cl

浏览 27提问于2019-06-02得票数 0

回答已采纳

2回答

用来显示聊天短信的最好的html标签？

html、css

使用什么html/css？我认为SO的提问页面中的预览窗口符合要求！它只是一个div。这是怎么做到的呢？

浏览 0提问于2012-08-23得票数 1

1回答

调整无序列表上聊天气泡的大小

javascript、jquery、css、list、chat

我有一个未授权的列表，作为一个聊天平台。随着用户添加到列表中的每条“消息”，我让它在后面显示一个聊天气泡，然而，聊天气泡与附加的每条消息保持相同的大小，这意味着如果消息包含一定数量的字符，它就会出现在气泡之外。有没有办法让聊天气泡根据消息的大小来调整自己的大小？最好是在大约25个字符之后，我希望消息开始一个新的行，并且气泡在高度上扩展。另一方面，如果一条消息只有5个字符，聊天气泡就会调整大小以适应它

浏览 0提问于2014-08-11得票数 0

5回答

如何在Textview Android的末尾添加图片

android、textview

我正在尝试建立类似聊天泡泡的Whatsapp，为此我使用了带有android:drawableRight的TextView。但是聊天气泡在TextView内部(但在右侧)，下面是聊天气泡图像。 android:padding="8dp" /> 我如何添加聊天气

浏览 0提问于2016-08-08得票数 2

2回答

如何用MessageKit创建自定义单元格？

ios、swift、chat、messagekit

我想创建以下自定义聊天气泡使用MessageKit我在提供的示例中使用了CustomCell示例。但这并没有添加聊天气泡背景&基于发送者类型的定位。如何创建具有相同聊天气泡背景的自定义单元格？

浏览 7提问于2019-07-10得票数 3

1回答

如何在Swift iOS中实现iOS梯度？

ios、swift、uikit、chat、imessage

我想要实现的 gradient.startPoint = CGPoint(x: 1, y它的工作方式是设置一个背景到渐变，然后，你遮住每个单独的细胞，“切出”一个洞在细胞上

浏览 6提问于2020-12-24得票数 3

回答已采纳

2回答

九补丁图像显示了奇怪的行为？

android、android-layout、nine-patch

我正在创建一个在Android中实现聊天功能的应用程序。我有2种聊天气泡-蓝色的其他用户和橙色的登录用户。我对这些气泡使用九补丁图像，因为气泡是可以拉伸的。蓝色气泡中的文本在中间的右边显示得很好(如下图所示)。但橙色气泡中的文本显示在图像上边框的某个垂直间隙之后。我不明白为什么会发生这样的事情。这两个气泡具有相同的属性，并且是按照相同的步骤创建的。这是一个橙色的聊天泡泡：

浏览 3提问于2012-08-13得票数 3

回答已采纳

1回答

气泡(聊天)盒css3

html、css、chat

我正在为我的网站创建一个聊天室。在其中，我使用css3创建消息设计。我面临一个问题，在设计火狐，它的工作很好的铬。这是图像-- 浏览器和我的css {max-width: 240px; padding: 3px;请帮助我为这个设计创建适合所有浏览器的css。

浏览 1提问于2014-06-09得票数 1

回答已采纳

1回答

如何在CSS中制作点渐变效果

css

我试图找到一种方法来创建一个波尔卡多渐变效果，在两种颜色之间淡入淡出。它将是一个纯色在左边，然后气泡/polkadot淡出效果将过渡，直到图像的其余部分是第二个纯色。以下链接提供了我所指的示例。这样的事情能在CSS中实现吗？示例：

浏览 47提问于2018-08-07得票数 0

2回答

当应用程序不在前台时，我如何删除通知而不删除它的气泡？

android、android-bubbles

在我的应用程序中，我发布聊天通知，每当用户读取聊天时，我想删除通知。但是，如果用户选择打开一个气泡，我希望保留它，直到用户手动关闭它。当用户打开气泡本身或主要活动中的相关聊天时，我可以轻松地做到这一点，方法是用重新发布对泡沫元数据调用的通知。效果正是我想要的；通知消失了，泡泡留下了，气泡上的徽章也被清除了。问题是，用户也可以在其他地方阅读聊天内容，而不是在设备上。在这种情况下，可能无法工作：如果应用程序发布的气泡不在前台，则此标志无效。当应用程序处于

浏览 7提问于2021-05-23得票数 1

点击加载更多