在编写前端的时候我们会遇见让一个盒子居中的问题,所以在这里做了一个汇总以便大家使用,如果有哪些更好的方法请联系追梦猪!
利用伪类实现从中间到两边的一个效果,其实这个效果是视觉误差造成产生的,当我们鼠标滑过的时候我们给的值为left:0,width:100%当我们把transiton属性去掉的话,这个效果就是left :0和width:100%同时进行达到慢慢的展开造成了从中间向两边的展开效果。
在早开始就学习了css3动画,但是工作原因这个动画在实际开发中却很少去使用,只是ie这个初恋实在是无法恭维,好了我在这个写了一个css3正方体的旋转动画
Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。
在vue2.0项目里我们发现外部引入的组件css3动画失效,但是在浏览器当中没有问题,一打包css3动画就失效,我们在打完包以后发现浏览器对动画特效没有出现兼容的状态,因此我们想到css3动画在框架下没有生效,最后找到是脚手架package.json没有加兼容处理
单页面应用在前端正大放光彩。三大框架 Angular、Vue、React,可谓妇孺皆知。随着单页面应用的普及,人们在感受其带来的完美的用户体验,极强的开发效率的同时,也似乎不可避免的要去处理 SEO 的需求。 本文主要针对 vue 2.0 单页面 Meta SEO 优化展开介绍:
制作网站难免有些字体不是默认的,得通过@font-face来加载自己特定的字体,来实现特定的文字效果。
基于html、css3、js的登陆酷炫滑动模板
Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
Mint UI基于 Vue.js 的移动端组件库,同样出自饿了么前端的项目。Mint UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。