随身笔记
随身笔记

css3基础教程

css3基础教程

简单实用的CSS3动画效果 Animate.css

http://daneden.github.io/animate.css/ https://sdeno.com/wp-content/uploads/2020/03/Animatecss/Animate.html 选择要的效果点击“Animate it”即可,只需要为动画的元素添加指定的class名即可。   还有一种: Vivify.css是一款带68种动画效…

   413   2015-02-05   去围观

linear-gradient实用详解

css3 background 条纹 背景 渐变 linear-gradient是background-image属性下的参数,在网上找遍了许多教程讲的都很详细 但是往往都没有讲到重点,说的也长篇大论。花了几十分钟看完也没看懂那些参数具体是 怎么实用。这里图文并茂讲解快速上手linear-gradient。 …

   530   2014-12-22   去围观

判断浏览器是否支持css3某属性

css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候。比如transition的animation-play-state,就只有部分浏览器支持。 function supportCss3(style) { var …

   358   2014-12-14   去围观

CSS3条件判断——@supports

@supports (display:flex) { section { display: flex } ... } 上面这段代码的意思是:如果浏览器支持“display:flex”属性,那么在“section”元素上就运用“display:flex”样式。 not逻辑声明——排除 @supports not (display: flex){  #container div{float:left…

   419   2014-12-14   去围观

css3笔记

-ms- /* IE 9 */ -webkit- /* Safari and Chrome */ -o- /* Opera */ -moz- /* Firefox */   CSS3 2D转换 // transform多属性写法 transform: translate(-960px, 0px) translateZ(0px); transform: translate(50px,100px); 移动位置,X轴50 Y轴100   …

   413   2014-12-07   去围观
加载更多