实例 设置旋转元素的基点位置：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
div { transform: rotate(45deg); transform-origin:20% 40%; -ms-transform: rotate(45deg); <span class="code_comment">/* IE 9 */</span> -ms-transform-origin:20% 40%; <span class="code_comment">/* IE 9 */</span> -webkit-transform: rotate(45deg); <span class="code_comment">/* Safari 和 Chrome */</span> -webkit-transform-origin:20% 40%; <span class="code_comment">/* Safari 和 Chrome */</span> -moz-transform: rotate(45deg); <span class="code_comment">/* Firefox */</span> -moz-transform-origin:20% 40%; <span class="code_comment">/* Firefox */</span> -o-transform: rotate(45deg); <span class="code_comment">/* Opera */</span> -o-transform-origin:20% 40%; <span class="code_comment">/* Opera */</span> } |
页面底部有更多实例。 Internet Explorer 9 支持替代的 -ms-transform-origin 属性（仅适用于 2D 转换）。Internet Explorer 10、Firefox、Opera 支持 transform-origin 属性。 Safari 和 Chrome 支持替代的 -webkit-transform-origin 属性（3D 和 2D 转换）。 Opera 只支持 2D 转换。 定义和用法 transform-origin 属性允许您改变被转换元素的位置。 2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。 为了更好地理解 transform-origin 属性，请查看这个演示。 Safari/Chrome 用户：为了更好地理解 transform-origin 属性用于 3D 转换的情况，请查看这个演示。 注释：该属性必须与 transform 属性一同使用。 为了更好地理解 transform 属性，请查看这个演示。 默认值： 50% 50% 0 继承性： no 版本： CSS3 JavaScript 语法： object.style.transformOrigin="20% 40%" 语法
|
1 |
transform-origin: <i>x-axis</i><i>y-axis</i><i>z-axis</i>; |
值 描述 x-axis 定义视图被置于 X 轴的何处。可能的值： left center right length % y-axis 定义视图被置于 Y 轴的何处。可能的值： top center […]
View Details在企业使用开源和贡献开源方面，Google一直是行业的典范。一直以来，Google都在极力推广和倡导开源，并发布了一系列开源项目。如果没有开源软件，Google也难以达到今日的成功。开源中国社区目前收录了Google 259 款开源软件，详见：http://www.oschina.net/project/google Android SDK——Android SDK logoAndroid开发工具包 Android SDK 是 Android 的开发工具包。 Android是谷歌(Google)公司推出的手机开发平台。与iPhone相似，Android采用WebKit浏览器引擎，具备触摸屏、高级图形显示和上网功能，用户能够在手机上查看电子邮件、搜索网址和观看视频节目等，比iPhone等其他手机更强调搜索功能，界面更强大，可以说是一种融入全部Web应用的单一平台，下图是 Android 手机平台开发工具包说提供的模拟器界面截图： 但其最震撼人心之处在于Android手机系统的开放性和服务免费。Android是一个对第三方软件完全开放的平台，开发者在为其开发程序时 拥有更大的自由度，突破了iPhone等只能添加为数不多的固定软件的枷锁；同时与Windows Mobile、Symbian等厂商不同，Android操作系统免费向开发人员提供，这样可节省近三成成本。 Android项目目前正在从手机运营商、手机厂商、开发者和消费者那里获得大力支持。谷歌移动平台主管安迪·鲁宾(Andy Rubin)表示，与软件开发合作伙伴的密切接触正在进行中。从去年11月开始，谷歌开始向服务提供商、芯片厂商和手机销售商提供Android平台，并 组建“开放手机联盟”，其成员超过30家。 Android Studio——Android Studio logoAndroid 开发环境 Android Studio 是一个全新的 Android 开发环境，基于 IntelliJ IDEA。类似 Eclipse ADT，Android Studio 提供了集成的 Android 开发工具用于开发和调试，在 IDEA 的基础上，Android Studio 提供： 基于 Gradle 的构建支持 Android 专属的重构和快速修复 提示工具以捕获性能、可用性、版本兼容性等问题 支持 ProGuard 和应用签名 基于模板的向导来生成常用的 Android 应用设计和组件 功能强大的布局编辑器，可以让你拖拉 UI 控件并进行效果预览 Chrome——Google浏览器 Google Chrome，又称谷歌浏览器，是一个由Google（谷歌）公司开发的开放源代码网页浏览器。本软件的程式码是基于其他开放源代码软件所撰写，包括WebKit和Mozilla，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。软件的名称是来自于又称作“Chrome”的网络浏览器图形使用者界面（GUI）。 软件的beta测试版本在2008年9月2日释出，提供43种语言版本，目前仅适用于Microsoft Windows的XP及Vista平台，并不支援Windows 2000或更早期的版本。Mac OS X和Linux版本正在研发中，并将于日后推出。 Android NDK Android NDK 是在 SDK 前面又加上了原生二字，即 Native Development Kit，因此又被 Google 称为 NDK。 在此之前，Android平台的第三方应用程序均是依靠基于Java的Dalvik特制虚拟机进行开发的。原生SDK的公布可以让开发者更加直接的接触Android系统资源，并使用传统的C或C++语言编写程序，并在程序封包文件（.apks）中直接嵌入原生库文件。 不过，Google也表示，使用原生SDK编程相比Dalvik虚拟机也有一些劣势，比如程序更加复杂，兼容性难以保障，无法访问Framework API，Debug难度更大等。开发者需要自行斟酌使用。 众所周知，Android程序运行在Dalvik虚拟机中，NDK允许用户使用类似C / C++之类的原生代码语言执行部分程序。 NDK包括了： 从C / C++生成原生代码库所需要的工具和build […]
View Details