CSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

今年2月末,万维网联盟(W3C)CSS工作组会议上,通过了引入三角函数的动议。

批准并设置加入CSS标准的新功能包括:

正弦 -sin()

余弦 -cos()

正切 -tan()

反余弦- acos()

反正弦- asin()

反正切- atan()

反正切(两个参量x和y)- atan2()

平方根- sqrt()

参数平方和的平方根 - hypot()

乘幂 - pow()

上述函数是CSS现有数学函数的补充,原已包括:

计算基本表达式 - calc()

获得最小值 - min()

获得最大值 - max()

获得上限和下限之间的中间值 - clamp()

W3C CSS-WG在多位Web开发人员的要求下批准了向CSS添加这些新的数学函数,这些开发人员要求使用CSS语法而不是JavaScript来控制CSS动画。

开发人员希望使用简单的方法来处理角度并同步复杂的动画序列,而无需编写自定义JavaScript代码或加载庞大的动画库或游戏引擎。

自从10多年前CSS发布CSS 3以来,Web开发人员慢慢依赖CSS来完成更多的功能而不仅仅是用其着色或摆弄文本格式。

CSS现在能够进行复杂的动画演示,并支持像Adobe Photoshop那样先进的图像过滤器。

然而,始终缺少能够处理角度并执行比加减乘除更高级的数学运算。

新的CSS三角函数还需要一段时间才能普及到我们的浏览器中。开发人员可以利用工具网站Can I Use 来跟踪版本更新过程。

本文译自 zdnet,由译者 majer 基于创作共用协议(BY-NC)发布。

打赏

支付宝打赏 [x]

您的大名:

打赏金额:

5元

10元

15元

20元

50元

100元

GO

赞一个 (11)

html中三角函数表示什么,听说了吗,CSS支持三角函数了相关推荐

  1. 能用三角函数表示声音吗——正弦模型综述

    摘要:正弦模型(Sinusoidal Modeling)指的是用一系列振幅.频率和相位不断变化的正弦波来拟合音频.其有非常丰富的应用场合.相比于非常成熟的线性预测模型(Linear Predictio ...

  2. matlab三角波发生器精度改为定点型,关于matlab simulink中三角波模块的问题!

    问题描述: 关于matlab simulink中三角波模块的问题! 为什么我把时间参数换一下,产生的三角波会越来越乱,最后干脆不产生了? 1个回答 分类: 综合 2014-11-20 问题解答: 我来 ...

  3. css 倒三角_倒三角结构:如何管理大型CSS项目

    css 倒三角 by Luuk Gruijs Luuk Gruijs着 倒三角结构:如何管理大型CSS项目 (The Inverted Triangle Architecture: how to ma ...

  4. 学习网页制作中如何在正确选取和使用 CSS 单位

    在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...

  5. ASP.NET 2.0 中配合 Master Page 使用的优化 CSS 模型

    ASP.NET 2.0 中增加了内建的 MasterPage 的支持,这对我们来说是一个很大的便利.然而经过一段时间的使用,我发现 MasterPage 并不是那么完美:嵌套的 MasterPage ...

  6. [html] iframe可以使用父页面中的资源吗(如:css、js等)?

    [html] iframe可以使用父页面中的资源吗(如:css.js等)? iframe 属于一个单独的文档不能直接使用父页面的资源,css的层叠不会影响iframeiframe如果和父页面同域则可以 ...

  7. css中的换行符_如何使用CSS防止项目列表中的换行符?

    css中的换行符 Introduction: 介绍: Dealing with various items in CSS sometimes pose very different problems. ...

  8. html5中插入样式表方法,如何插入css样式?

    如何插入css样式?下面本篇文章就来给大家介绍一下插入css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 准备 1.首先准备一个html文件:test.html,不建议 ...

  9. min-width、max-width属性中min-content、max-content的含义,css中minmax()用法、1fr单位的含义----使页面具有相应性的属性以及属性值

    min-width.max-width属性中min-content.max-content的含义,css中minmax()用法.1fr单位的含义 min-width 表示容器的最小宽度 max-wid ...

最新文章

  1. Nature Method:HUMAnN2实现宏基因组和宏转录组种水平功能组成分析
  2. 《TCP/IP详解卷1:协议》第6章 ICMP:Internet控制报文协议-读书笔记
  3. matlab pdist2函数官方详解
  4. 2011年全国大学生程序设计邀请赛(福州)
  5. leetcode442. 数组中重复的数据
  6. [原创]Enterprise Architecture V7.5 C++代码生成时,头文件中函数声明没有注释,CPP中函数定义却有注释。...
  7. java 内存快照怎么看_jvm工具篇-(1)-分析工具MAT使用(内存快照分析)
  8. mac服务器文件同步软件,Windows和Mac之间同步文件夹
  9. xmapp启动之路径错误
  10. 9.2.4闭包及候选键求解方法
  11. 深入理解GatewayWorker框架
  12. 精辟到毒死人的句子,你看或不看,句子就在这里不痛不痒!
  13. 如何利用英特尔管理工具绕过Windows防火墙
  14. 两代荣耀Magic历史性同框,荣耀Magic 2如何践行科技理想主义?
  15. [论文解读]Bayesian Generalized Kernel Inference for Terrain Traversability Mapping
  16. 《第一桶金怎么赚——淘宝开店创业致富一册通》一一1.1 创业者需具备的素质...
  17. @Component和@ComponentScan
  18. Linux Socket编程(不限Linux)基本函数用法
  19. 2020大学生网络安全知识大赛总决赛模拟卷错题集(10)
  20. 股票入门基础知识4:什么是股市指数?

热门文章

  1. 哈工大C语言Mooc 第九周 指针 测验编程题
  2. 详解 Istio 服务网格
  3. 分区启动Grub2配置详解
  4. 工业自动化控制软件scada连接数据库说明
  5. 【VMware vSAN 7.0】6 使用延伸群集将数据存储扩展到两个站点—我们有软硬件解决方案
  6. 不可估量的善意:全球网友在Facebook捐了10亿美元善款
  7. 猜数字游戏,输入一个 1-100 以内的数字
  8. C++ MFC开发通用方法小结
  9. 《阿里云服务器搭建》------实现Jenkins和github之间自动化部署Java web项目
  10. HandyJSON代码阅读