我一直在学习 css 和 jquery。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#box
{
border-style:solid;
border-color:red;
height: 80px;
width: 180px;
}
</style>
</head>
<body>
<div id="box">Demo Box</div>
</body>
</html>
我想要实现的是边框颜色应该从左上角出现并流动以在分区周围创建一个框边框。似乎不可能只是想知道专家指导是否可以做到这一点。
*编辑 MobyD 感谢“就像一辆 tron 自行车”
最佳答案
假设您想要在盒子周围有一个动画,可以通过对一系列线条进行动画来排列它,每个动画在完成时触发下一个动画。
addLine1();
line1.animate({ width: width-of-box }, duration, function() {
addLine2();
line2.animate({ height: height-of-box }, duration, ... );
});
每条线都必须位于其适当的 Angular 落。
也许可以构建一个更简洁的递归解决方案,但您必须遵循这些思路。 border 属性本身无法以这种方式设置动画。
关于javascript - Html分区边框动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11137909/