CSS实现发送弹幕弹幕从页面左侧出现效果

可以通过CSS动画和JavaScript来实现弹幕从页面左侧出现的效果。以下是一个简单的实现方式：

HTML代码：

<div id="danmu-container"></div>

CSS代码：

#danmu-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.danmu {
  position: absolute;
  font-size: 20px;
  white-space: nowrap;
  animation: danmu 10s linear;
}

@keyframes danmu {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}

JavaScript代码：

function sendDanmu(content) {
  var danmu = document.createElement('div');
  danmu.className = 'danmu';
  danmu.innerText = content;
  document.getElementById('danmu-container').appendChild(danmu);
  setTimeout(function() {
    danmu.remove();
  }, 10000);
}

使用`sendDanmu`函数来发送弹幕，例如：

sendDanmu('这是一条弹幕');

这样就可以实现从页面左侧出现弹幕的效果了。