css3 transition width在变长的时候 能以中心为原点，向两边伸长吗？
一般情况都是 从左向右增长
201 阅读
奥巴码侬的其他提问
类似问题
用 HTML Canvas 创建一个图片浏览器
4586 阅读
echarts怎么使折线图、柱状图、x轴 都在原点开始绘制
3250 阅读
cocos2d的anchor小总结和小纠结
62 阅读
8款炫酷的HTML5特效源码
4010 阅读
10种实用的CSS鼠标滑过按钮特效
88 阅读
用CSS3制作50个超棒动画效果教程
7472 阅读
巧用CSS的RevealTrans滤镜
185 阅读
网页自适应手机代码放到网页代码什么位置起作用
1223 阅读
响应式网页设计与应用
454 阅读
IE8下CANVAS绘制箭头移动问题
223 阅读
用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>