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