当前位置: 首页 > Web前端 > HTML

问题11:CSS和CSS3有什么区别?

时间:2023-04-02 14:38:18 HTML

CSS3的概念是在CSS的基础上增加了一些新特性CSS3新特性CSS3圆角div{border-radius:25px;}CSS3boxshadowdiv{box-shadow:10px10px5px#888;}CSS3borderimagediv{border-image:url(border.png)3030round;}CSS3backgrounddiv{background:url(img_flwr.gif);}CSS3gradientdiv{background-image:linear-gradient(#e66465,#9198e5);background-image:radial-gradient(red5%,yellow15%,green60%);}CSS3文字效果div{text-shadow:5px5px5px#FF0000;text-overflow:clip;}CSS3font@font-face{font-family:myFirstFont;src:url(sansation_light.woff);}CSS2Dtransformdiv{transform:translate(x,y);}CSS3Dtransformdiv{transform-style:preserve-3d;transform:translate3d(x,y,z);}CSS3transitiondiv{transition:width2s;}CSS3animation@keyframesmyfirst{0%{背景:红色;}100%{background:yellow;}}div{animation:myfirst5slinear2sinfinitealternate;}CSS3multi-columndiv{columns:100px3;}CSS3boxmodeldiv{box-sizing:border-box;}CSS3elasticboxdiv{display:flex;}CSS3多媒体查询@mediascreenand(min-width:480px){body{背景颜色:浅绿色;}}文章内容/灵感借鉴自以下内容【持续维护/更新500+前端面试题/笔记】https://github.com/noxussj/In...【大数据可视化图表插件】https://www.npmjs.com/package...【使用THREE.JS实现3D城市建模(珠海市)】https://3d.noxussj.top/