![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
CF西西
热爱Html5,热爱NodeJS,热爱Silverlight,热爱WCF, 热爱Android,热爱.NET,热爱iOS,热爱C# ,热爱我自己。
展开
-
css3中如何对文字设置倒影
-webkit-box-reflect: below -0.3em -webkit-linear-gradient(top, transparent, transparent 50%, rgba(0, 0, 0, 0.296875))原创 2012-07-12 11:58:01 · 3931 阅读 · 0 评论 -
css3 background-size 用法
原文:http://demo.doyoe.com/css3/background-size/所用图片:背景图尺寸(数值表示方式):#background-size{ background-size:300px 100px;}背景图尺寸(百分比表示方式):#background-size2{ background-size:40% 80%;}转载 2012-07-24 17:39:52 · 1117 阅读 · 0 评论 -
css流体盒布局解释
原文:http://www.cnblogs.com/hongru/archive/2011/10/10/2203744.htmlwebkit-box & translate 的组合--流畅的滑动体验【注:本文所有的代码和实例仅在chrome和safari等webkit内核的浏览器测试通过】如果说从web Pages 能够转到web app时代,那么css3和html5其他相转载 2012-10-02 21:09:35 · 1493 阅读 · 0 评论 -
css3中如何让多余的字符串消失并附加省略号的方法
css3中如何让多余的字符串消失并附加省略号的方法可以使用white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;height:50px让多余的内容隐藏并附加省略号(只能在单行中有省略号)原创 2012-09-10 13:53:30 · 1596 阅读 · 1 评论 -
2D 和 3D 中的 CSS 轉換 (Preliminary) CSS3中 translate3D详解
原文:http://msdn.microsoft.com/zh-tw/library/ie/jj665791.aspx階層式樣式表 (CSS) 轉換可讓您在二維和立體空間中轉換元素。 您可以使用 CSS 轉換,變更元素在其父元素內的位置、操作元素的旋轉或縮放,以及套用扭曲。新增 perspective 屬性 (或 perspective 轉換函式) 可在轉換中加入立體感。以转载 2012-12-09 18:24:54 · 28674 阅读 · 1 评论 -
CSS3中使用transform开发动画效果
假设我们想实现一个向上滑动的效果.slideup.in { -webkit-transform: translateY(0); -webkit-animation-name: slideinfrombottom; -webkit-animation-duration: 250ms; transform: translateY(0); animation-原创 2017-02-23 14:12:19 · 575 阅读 · 0 评论 -
CSS Flexbox 可视化手册
转自:https://medium.com/swlh/css-flexbox-fundamentals-visual-guide-1c467f480dac目录介绍弹性项目弹性容器弹性方向Flex Wrap弹性流项目之间的缝隙排序对齐justify-contentalign-itemsalign-contentalign-self调整 Flexbox 的大小f...翻译 2019-02-14 17:53:47 · 230 阅读 · 0 评论