div class="title">案例展示</div>在案例展示右边画一个旋转的黄色五角星

你可以使用CSS的伪元素和transform属性来实现这个效果。代码如下：

HTML代码：

<div class="title">案例展示<span class="star"></span></div>

CSS代码：

.title {
  position: relative;
}

.star {
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent yellow;
  transform-origin: 0 50%;
  animation: rotate-star 2s linear infinite;
}

@keyframes rotate-star {
  0% {
    transform: rotate(0);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

解释：

首先，在标题的HTML代码中添加一个空的span元素，用来放置黄色五角星。

然后，在CSS代码中，将标题的position属性设置为relative，使得后代元素可以使用绝对定位。

接着，将黄色五角星的position属性设置为absolute，top属性设置为0，right属性设置为-20px，使其在标题的右侧旋转。

使用border属性绘制五角星的形状，将border-width设置为10px 0 10px 20px，即顶部和底部为10px，右侧为20px，左侧为0px。

将border-color设置为transparent transparent transparent yellow，即顶部、底部和左侧为透明，右侧为黄色。

使用transform-origin属性设置旋转的中心点，这里选择了左侧顶点。

使用animation属性设置旋转动画，持续时间为2秒，线性运动，无限循环。

最后，在@keyframes中，定义了旋转动画的起始状态和终止状态。