上一页 1 ··· 25 26 27 28 29 30 31 32 33 ··· 68 下一页
CSS画图形,基本上所有的实现都是对边框的角度的调整及组合。以下不包含兼容浏览器的前缀,请使用时在border-radius前加-moz-、-webkit- ....1、正常得不得了的矩形 .square{ width:200px; heig... Read More
posted @ 2015-08-21 15:49 tinyphp Views(566) Comments(0) Diggs(0)
CSS3的很多属性都包含浏览器厂商前缀,用Emmet写CSS3属性会自动添加前缀,比如输入trs 会展开为:-webkit-transition: prop time;-moz-transition: prop time;-ms-transition: prop time;-o-transition... Read More
posted @ 2015-08-21 08:54 tinyphp Views(739) Comments(0) Diggs(0)
animation只应用在页面上已存在的DOM元素上,学这个不得不学keyframes,我们把他叫做“关键帧”。keyframes的语法法则: @keyframes flash { from{ left:0; } ... Read More
posted @ 2015-08-20 17:22 tinyphp Views(647) Comments(0) Diggs(0)
之前的transform 可以实现转换,但是一下子就放大缩小视觉上不太好看,要想渐变该如何呢?可以使用transitiontransition主要包含四个属性值:transition: property duration timing-function delay;执行变换的属性:transitio... Read More
posted @ 2015-08-20 15:55 tinyphp Views(356) Comments(0) Diggs(0)
利用transform 可以实现旋转、缩放、倾斜、移动属性有:translate、scale移动:translateX(10px); //水平方向移动10pxtranslateY(50px); //垂直方向移动50pxtranslate(10px); //水平方向移动10pxtranslate(1... Read More
posted @ 2015-08-20 10:26 tinyphp Views(390) Comments(0) Diggs(0)
先回顾一下 圣杯布局的实现过程>>在不增加额外标签的情况下,圣杯布局已经非常完美,圣杯布局使用了相对定位,以后布局是有局限性的,而且宽度控制要改的地方也多,那么有没其他方法更加简洁方便呢?在淘宝UED探讨下,增加多一个div就可以不用相对布局了,只用到了浮动和负边距,这就是我们所说的双飞翼布局。DO... Read More
posted @ 2015-08-19 22:24 tinyphp Views(6638) Comments(2) Diggs(3)
圣杯布局和双飞翼布局,他们的都要求三列布局,中间宽度自适应,两边定宽,这样做的优势是重要的东西放在文档流前面可以优先渲染,而双飞翼布局是对圣杯布局的一种改良,下一篇文章会讲到。圣杯布局:用到浮动、负边距、相对定位,不添加额外标签DOM结构:Header Main Left Righ... Read More
posted @ 2015-08-19 21:50 tinyphp Views(9745) Comments(0) Diggs(6)
在做前端开发时,经常要在css3的属性前加上各浏览器厂商的前缀:,如Chrome(谷歌浏览器) :-webkit- Safari(苹果浏览器) :-webkit- Firefox(火狐浏览器) :-moz- IE(IE浏览器) :-ms- Opera(欧朋浏览器) :-o-方法一:IDEA输入:tr... Read More
posted @ 2015-08-18 10:46 tinyphp Views(1822) Comments(0) Diggs(0)
安装插件autoprefixer步骤:1、确保Node.js已经安装,未安装请 点击 这里>>2、下载autoprefixer插件https://github.com/sindresorhus/sublime-autoprefixer3、打开sublime ,选择菜单Preferences >Bro... Read More
posted @ 2015-08-18 10:43 tinyphp Views(21992) Comments(4) Diggs(0)
User Name:EMBRACE License Key: LICENSE BEGIN 24718-1204201000001h6wzKLpfo3gmjJ8xoTPw5mQvYYA8vwka9tH!vibaUKS4FIDIkUfy!!f3C"rQCIRbShpSlDcFT1xmJi5h0yQS6 Read More
posted @ 2015-08-12 19:20 tinyphp Views(641) Comments(0) Diggs(0)
上一页 1 ··· 25 26 27 28 29 30 31 32 33 ··· 68 下一页