<p class="ql-block"> 在三角形面积探索过程中,怎样呈现如下的效果?</p> <p class="ql-block">🌸元素准备:</p><p class="ql-block">先做一个大三角形,并从它上面分割出小三角形和梯形的元素。</p> <p class="ql-block">🌸克服困境:</p><p class="ql-block">为了让小三角形绕一个固定的点旋转180度,需要将两个小三角形组合后将右下方的一个透明度设置成百分之百,这样旋转中心就是我们需求的了。</p> <p class="ql-block">🌸思考:</p><p class="ql-block">接下来需要思考这些元素的叠放顺序和动态效果。首先呈现在我们面前的应是一个完整的三角形,接着是分割成一个三角形和一个梯形,同时完整的三角形消失,最后是旋转的过程。</p> <p class="ql-block">🌸完成动效:</p><p class="ql-block">1.要将完整的涂色的大三角形和虚线置于顶层,虚线先出现,大三角形同虚线同时消失。</p><p class="ql-block">2.将组合小三角形添加动画“陀螺旋”旋转180度。</p>