html 开关窗效果,逼真的HTML5+CSS3窗帘拉开收起动画特效

逼真的HTML5+CSS3窗帘拉开收起动画特效

html {

box-sizing: border-box;

}

*, *::after, *::before {

box-sizing: inherit;

}

*, *:before, *:after {

box-sizing: border-box;

outline: none;

}

body {

width: 100%;

height: 100vh;

font-family: 'Source Sans Pro', sans-serif;

font-size: 16px;

font-smooth: auto;

font-weight: 300;

line-height: 1.5;

color: #444;

background-color: black;

background-image: url("img/zzsc.jpg");

background-position: center center;

background-repeat: no-repeat;

background-size: contain;

}

body:before {

position: absolute;

content: '';

width: 100%;

height: 84.25%;

box-shadow: inset 0 0 200px 200px black;

z-index: 1;

}

这是一款个性逼真的CSS3窗帘拉开收起动画特效，有意思的仿窗帘开关动画效果。

申明：本站所有资源都是转载各大下载站，或由网友投稿发布，请自行检测软件的完整性，如有侵权请联系我们删除下架，联系方式：admin@php.cn