c++ - 当高度小于边界半径的两倍时保持圆 Angular ？

Question

在 Qt 中，您可以使用 CSS 样式表为 QWidget 提供圆 Angular :

QWidget#myWidget {
    background-color: #ffbb33;
    border-radius: 20px;
}

我想给这个QWidget设置动画，让它从屏幕底部弹出来通知用户，但是发现当widget的高度小于border radius时，圆 Angular 边缘突然消失。

是否可以避免这种情况？

更新:感谢大家针对此问题提供的网络相关解决方案。他们中的大多数实际上都很好地转换为这个应用程序。但我只想指出，这个应用程序是用 C++ 和 Qt 库编写的。如果您有其他与 Web 相关的解决方案，请将它们发布，但请注意，如果您使用 Web 技术来执行此操作，那么“它对我有用”在这种情况下并不完全适用。 ;)

Answer 1

您可以为 Angular 设置动画。从小边界半径或无边界半径开始，然后根据需要进行构建。您可能没有使用 jQuery，但您可以做类似的事情。

CSS

#myWidget {
     border-radius: 5px;
}

jQuery

$('#myWidget').animate({ 'border-radius': '20px' }, 1500);