横向进入和竖直进入

最新推荐文章于 2021-09-09 11:49:14 发布

许泽武

最新推荐文章于 2021-09-09 11:49:14 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/weixin_39009993/article/details/80951628

css 专栏收录该内容

9 篇文章

订阅专栏

只须把margin-left改为margin-top即可

<style>
body{margin:0;overflow-x: hidden; }
.flex{height:100%;display:flex;flex-direction:column;justify-content:center}
span{height:100;width:100;margin-left:100%;transition:1.2s;}
</style>

<div class=flex>
	<span>hello,world!</span>
</div>
<script src=jq.js></script>
<script>
$(window).ready(function(){
	width=$(this).width()/2
	$('span').css({'transform':'translateX(-'+width+'px)'})
})

</script>