div+css实现海底气泡冒泡动画效果代码

代码语言:html

所属分类:动画

代码描述:div+css实现海底气泡冒泡动画效果代码

代码标签: div css 海底 气泡 冒泡 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<html lang="zh">

<head>
 
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        .m-title {
	font-family:'Exo 2',sans-serif;
	font-size:8.5vw;
	color:white;
	padding:5rem 0;
	text-shadow:0 4px 48px rgba(255,255,255,0.2)
}
.container {
	position:relative;
	display:flex;
	align-content:center;
	justify-content:center;
	background-image:linear-gradient(to bottom,#00c9ff 0,#92fe9d 100%),url(//repo.bfw.wiki/bfwrepo/image/5e4c71cd307e7.png);
	background-blend-mode:multiply;
	background-size:cover;
	overflow:hidden
}
.bubbles-container {
	position:absolute;
	t.........完整代码请登录后点击上方下载按钮下载查看

网友评论0