css实现照片变成手册折叠效果代码
代码语言:html
所属分类:布局界面
代码描述:css实现照片变成手册折叠效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body{ background-color: #ff7a00; /* for centering the .fold-image within body */ margin: 0; min-height: 100vh; display: flex; justify-content: center; align-items: center; } .fold-image{ width:600px; height: 400px; display: flex; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3)); } .fold-image span{ width: 25%; height: 100%; background-image: url(//repo.bfw.wiki/bfwrepo/image/628431a84af3f.png); background-size: cover; box-shadow: inset 20px 0 40px rgba(0,0,0,0.4); .........完整代码请登录后点击上方下载按钮下载查看
网友评论0