摘要: var gulp = require('gulp');// Requires the gulp-sass pluginvar sass = require('gulp-sass');var browserSync = require('browser-sync');gulp.task('browse 阅读全文
posted @ 2020-09-11 17:34 myyt 阅读(172) 评论(0) 推荐(0) 编辑
摘要: var newScrollT=0,oldScrollT=0,goDown=true;$(window).scroll(function(){ newScrollT = $(this).scrollTop(); if(oldScrollT<=newScrollT&&goDown){ let heigh 阅读全文
posted @ 2020-08-26 14:24 myyt 阅读(301) 评论(0) 推荐(0) 编辑
摘要: html: <div class="box"></div> css:.box{height:500px;background-repeat:no-repeat;background-attachment:fixed;background-position:center 0;background-si 阅读全文
posted @ 2020-08-24 12:00 myyt 阅读(210) 评论(0) 推荐(0) 编辑
摘要: css:<style> .ylImg { width: 100%; max-width: 500px; margin: 50px auto 0; position: relative; } .ylZoom { position: relative; } .ylZoom .zoomImg{width: 阅读全文
posted @ 2020-08-05 15:40 myyt 阅读(164) 评论(0) 推荐(0) 编辑
摘要: html: <div class="flexW"> <div class="num">350</div> <div class="num">323435</div> <div class="num">7</div> <div class="num">25</div> </div>css:.flexW 阅读全文
posted @ 2020-08-05 15:39 myyt 阅读(260) 评论(0) 推荐(0) 编辑
摘要: css: <style> *{margin: 0;padding: 0;} img{max-width: 100%;} .container{max-width: 1200px;margin: 0 auto;} .waterfall{position: relative;} .waterfall . 阅读全文
posted @ 2020-08-05 15:37 myyt 阅读(241) 评论(0) 推荐(0) 编辑
摘要: css: //需要引入animate.css [data-animation]{visibility: hidden;animation-duration:1.5s; -webkit-animation-duration:1.5s;opacity: 0;animation-fill-mode:for 阅读全文
posted @ 2020-08-05 15:35 myyt 阅读(1265) 评论(0) 推荐(0) 编辑