css3 transition width在变长的时候 能以中心为原点，向两边伸长吗？
一般情况都是 从左向右增长
奥巴码侬的其他提问
类似问题
沉浸式的翻阅体验，就这么简单！（干货来了！）
1037 阅读
最热最新的100个CSS3 教程
953 阅读
用 HTML Canvas 创建一个图片浏览器
4495 阅读
cocos2d的anchor小总结和小纠结
62 阅读
echarts怎么使折线图、柱状图、x轴 都在原点开始绘制
1079 阅读
8款炫酷的HTML5特效源码
3372 阅读
用CSS3制作50个超棒动画效果教程
6832 阅读
10种实用的CSS鼠标滑过按钮特效
88 阅读
用scale
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /> <title>hoverSlideout Demo</title> <link rel="stylesheet" type="text/css" href="css/css.css"> <script src="js/jquery.min.js"></script> <script type="text/javascript"> $(function(){ }); </script> <style type="text/css"> .te{ text-align: center; } .bl{ width: 100px; display: inline-block; transition: 1s all cubic-bezier(.46,1,.23,1.52); border:1px solid #e3e3e3; border-radius: 4px; background-color: #ef5621; padding: 10px 20px; box-sizing: border-box; } .bl.on{ width: 200px; </style> </head> <body> <div class="te"> <div class="bl"></div> </div> <button id="ddddd" type="submit">测试</button> <script type="text/javascript"> $('#ddddd').click(function(){ $('.bl').toggleClass('on'); }) </script> </body>
</html>