css3有哪些新特效

 时间:2024-10-14 00:21:58

1、边框的圆角:设置一个div,在style中设置宽高。在style中设置border属性。border-radius:50px;设置圆角的半径。(如下图)border-radius:15px 50px 30px 5px;设置四个圆角(左上、右上、右下、坐下)

css3有哪些新特效

3、颜色渐变:background:linear-gradient (方位,#FF0000,#00FF00,……);方位默认:从上到下;left、right(标准写法to left)、角度45deg;对角:botton right(to botton right);当浏览器不支持时,可以用标准写法;也可以在属性前加-webkit-(不同浏览器不同)例子:background:linear-gradient(to right,#FF0000,#00FF00,#0000FF); background: -webkit-radial-gradient(circle,#FF0000,#00FF00,#0000FF);

css3有哪些新特效

5、transform 2D转换:转换类型:translate(x,y);旋转rotate(deg);缩放scale(x,y);skew(deg,deg);matrix();例子:transform:rotate(50deg);

css3有哪些新特效
  • 原神如何去成就迷失的寻宝者?
  • 原神如何获得日月回轮成就奖励
  • 原神怎么制作红烩兽肉
  • 原神诡谲的御神签第一天任务怎么完成
  • 原神月浴之渊隐藏宝箱在哪
  • 热门搜索
    甘南州旅游局 海南旅游购物 北京近郊旅游景点 国家旅游局旅行社统计管理系统 辽宁省旅游局官网 阿联酋旅游价格 上海旅游酒店 天下旅游网 乌鲁木齐旅游网 海南岛旅游图片