zoukankan html css js c++ java

陕西航天大学横幅动态测试

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Text Box Demo</title>
<link rel="stylesheet" type="text/css" href="animate.min.css">
<style type="text/css">
.mybg{
    height:200px;
    border:1px solid blue;
    background-image:url(aircraft-carrier.gif);
    background-size:100% 100%;        
}
.mytext{
    line-height:100px;
    text-align:center;
    margin:48px;
    color:white;
    height:100px;
    background-color:rgba(0,0,255,0.5);
    border:2px solid blue;        
    font-size:    3em;
}
</style>
</head>
<body>
<div class="mybg">
<div class="mytext animated fadeInDown">陕&nbsp;西&nbsp;航&nbsp;天 &nbsp;大&nbsp;学</div>
</div>
</body>
</html>

第三方动画库:
https://blog-static.cnblogs.com/files/exesoft/animate.min.css

航空母舰照片
https://blog-static.cnblogs.com/files/exesoft/aircraft-carrier.gif

下方的动画效果通过刷新页面可查看:

陕西航天大学

查看全文

相关阅读:
JSP实现数据传递(web基础学习笔记三)
Spring Boot 参数校验
 Spring AOP实践
 Spring AOP介绍
 2018年春节
 InnoDB索引
 Kafka基本知识回顾及复制
 Kakfa消息投递语义
 Kafka Consumer
Kafka Producer Consumer

原文地址：https://www.cnblogs.com/exesoft/p/AerosapceShow.html