草庐IT

Material-Animations

全部标签

html - Angular Material : full page tabs size

我试图占据整个页面的空间,但我似乎无法在angular-material0.10.0上获得选项卡的高度,除非我添加.ng-scope{height:100%;。有没有更好的方法实现全页标签?完整测试代码:(和here)Testvarapp_module=angular.module('app',['ngMaterial']);varapp=document.querySelector('[ng-app=app]');app_module.controller('appController',function($scope){});app_module.config(function($

html - Angular Material : full page tabs size

我试图占据整个页面的空间,但我似乎无法在angular-material0.10.0上获得选项卡的高度,除非我添加.ng-scope{height:100%;。有没有更好的方法实现全页标签?完整测试代码:(和here)Testvarapp_module=angular.module('app',['ngMaterial']);varapp=document.querySelector('[ng-app=app]');app_module.controller('appController',function($scope){});app_module.config(function($

html - Angular 2 Material 自定义 md-menu

我是Angular2Material的新手,我正在尝试自定义md-menu组件的样式。dehazeItem1Item2预定义样式设置工作正常(例如,将菜单设置为非重叠),但我想将md-menu设置为100%宽度,并在md-icon按钮之间留出一点空间,以扩展菜单,我不能用predefineddirectivesfromAngular2Material做.到目前为止,我找到了使用/deep/css命令的解决方案,但我了解到主流浏览器不再支持该命令。自定义Angular2Material组件的好方法是什么?我如何设置我的md-menu的样式,使其具有100%的宽度并且在扩展按钮之间有一些空

html - Angular 2 Material 自定义 md-menu

我是Angular2Material的新手,我正在尝试自定义md-menu组件的样式。dehazeItem1Item2预定义样式设置工作正常(例如,将菜单设置为非重叠),但我想将md-menu设置为100%宽度,并在md-icon按钮之间留出一点空间,以扩展菜单,我不能用predefineddirectivesfromAngular2Material做.到目前为止,我找到了使用/deep/css命令的解决方案,但我了解到主流浏览器不再支持该命令。自定义Angular2Material组件的好方法是什么?我如何设置我的md-menu的样式,使其具有100%的宽度并且在扩展按钮之间有一些空

html - 位置固定的 css 添加到 Angular Material 中的 body 标签中

我在position:fixed;方面遇到了一些问题。宽度:100%;top:0px;formd-selectmd-autocomplete如果我在一些固定的地方使用它们。对于几乎所有的md-select选项,我都面临这个AngularMaterial问题。它将CSS属性动态添加到正文部分。位置:固定;宽度:100%;top:0px;和scrollY.index.html{{item.name}}{{item.forks}}Location-->{{state.abbrev}}GOProfileMessagesSignOutPost 最佳答案

html - 位置固定的 css 添加到 Angular Material 中的 body 标签中

我在position:fixed;方面遇到了一些问题。宽度:100%;top:0px;formd-selectmd-autocomplete如果我在一些固定的地方使用它们。对于几乎所有的md-select选项,我都面临这个AngularMaterial问题。它将CSS属性动态添加到正文部分。位置:固定;宽度:100%;top:0px;和scrollY.index.html{{item.name}}{{item.forks}}Location-->{{state.abbrev}}GOProfileMessagesSignOutPost 最佳答案

javascript - 性能 : CSS3 animations vs. HTML5 Canvas

我正在开发一个当前使用CSS3转换构建的网络应用程序(将仅在Chrome19+中运行)。更具体地说,我正在使用JqueryTransit用Jquery本身触发CSS3动画。这里的原因是一些动画被绘制了几秒钟,jqueryanimate不够流畅,但Transit是一个很好的解决方案。JqueryTransit工作得很好,但我很好奇HTML5Canvas是否会让事情变得更流畅?如果是这样,考虑到我目前正在为DIV使用AJAX和基于百分比的位置这一事实,它是否值得追求?如果这里有人知道CSS3动画与HTML5Canvas在Chrome中的性能比较并且愿意提供他们的意见,我将不胜感激!

javascript - 性能 : CSS3 animations vs. HTML5 Canvas

我正在开发一个当前使用CSS3转换构建的网络应用程序(将仅在Chrome19+中运行)。更具体地说,我正在使用JqueryTransit用Jquery本身触发CSS3动画。这里的原因是一些动画被绘制了几秒钟,jqueryanimate不够流畅,但Transit是一个很好的解决方案。JqueryTransit工作得很好,但我很好奇HTML5Canvas是否会让事情变得更流畅?如果是这样,考虑到我目前正在为DIV使用AJAX和基于百分比的位置这一事实,它是否值得追求?如果这里有人知道CSS3动画与HTML5Canvas在Chrome中的性能比较并且愿意提供他们的意见,我将不胜感激!

html - Angular/ Material 垫微调器调整大小

是否有任何可能的方法来改变mat-spinner或mat-progress-circle的大小?我阅读了mat-spinner和mat-progress-circle的文档,但他们说mat-diameter已停产,spinner将采用父元素的大小。如何在不改变按钮高度的情况下将mat-spinner放在mat-button的左上角?processing....我也尝试过使用内联css来改变高度style="float:left;height:10px;width:10px;但并不好看。 最佳答案 在最新更新中,您应该使用diamet

html - Angular/ Material 垫微调器调整大小

是否有任何可能的方法来改变mat-spinner或mat-progress-circle的大小?我阅读了mat-spinner和mat-progress-circle的文档,但他们说mat-diameter已停产,spinner将采用父元素的大小。如何在不改变按钮高度的情况下将mat-spinner放在mat-button的左上角?processing....我也尝试过使用内联css来改变高度style="float:left;height:10px;width:10px;但并不好看。 最佳答案 在最新更新中,您应该使用diamet