用CSS和js打出生日快乐代码张智军
时间: 2023-04-01 09:03:25 浏览: 87
HTML,CSS,JavaScript完成生日快乐代码
5星 · 资源好评率100%
很高兴回答你的问题。可以使用CSS和JS来制作生日快乐代码。以下是一个简单的示例:
HTML代码:
```
<div id="birthday">生日快乐!</div>
```
CSS代码:
```
#birthday {
font-size: 50px;
color: red;
text-align: center;
margin-top: 50px;
transform: rotate(-10deg);
}
```
JS代码:
```
var birthday = document.getElementById("birthday");
setInterval(function() {
var deg = Math.random() * 20 - 10;
birthday.style.transform = "rotate(" + deg + "deg)";
}, 100);
```
这段代码将会让“生日快乐!”这个文本在页面上以红色、居中、倾斜的形式显示,并且每秒钟会随机旋转一定的角度。希望这个示例能够帮到你!
阅读全文