functions.json 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839
  1. {
  2. "abs()": {
  3. "syntax": "abs( <calc-sum> )",
  4. "groups": [
  5. "CSS Values and Units"
  6. ],
  7. "status": "standard",
  8. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/abs"
  9. },
  10. "acos()": {
  11. "syntax": "acos( <calc-sum> )",
  12. "groups": [
  13. "CSS Values and Units"
  14. ],
  15. "status": "standard",
  16. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/acos"
  17. },
  18. "anchor()": {
  19. "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
  20. "groups": [
  21. "CSS Anchor Positioning"
  22. ],
  23. "status": "experimental",
  24. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor"
  25. },
  26. "anchor-size()": {
  27. "syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
  28. "groups": [
  29. "CSS Anchor Positioning"
  30. ],
  31. "status": "experimental",
  32. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size"
  33. },
  34. "asin()": {
  35. "syntax": "asin( <calc-sum> )",
  36. "groups": [
  37. "CSS Values and Units"
  38. ],
  39. "status": "standard",
  40. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/asin"
  41. },
  42. "atan()": {
  43. "syntax": "atan( <calc-sum> )",
  44. "groups": [
  45. "CSS Values and Units"
  46. ],
  47. "status": "standard",
  48. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan"
  49. },
  50. "atan2()": {
  51. "syntax": "atan2( <calc-sum>, <calc-sum> )",
  52. "groups": [
  53. "CSS Values and Units"
  54. ],
  55. "status": "standard",
  56. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan2"
  57. },
  58. "attr()": {
  59. "syntax": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
  60. "groups": [
  61. "CSS Values and Units"
  62. ],
  63. "status": "standard",
  64. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/attr"
  65. },
  66. "blur()": {
  67. "syntax": "blur( <length>? )",
  68. "groups": [
  69. "Filter Effects"
  70. ],
  71. "status": "standard",
  72. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/blur"
  73. },
  74. "brightness()": {
  75. "syntax": "brightness( [ <number> | <percentage> ]? )",
  76. "groups": [
  77. "Filter Effects"
  78. ],
  79. "status": "standard",
  80. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/brightness"
  81. },
  82. "calc()": {
  83. "syntax": "calc( <calc-sum> )",
  84. "groups": [
  85. "CSS Values and Units"
  86. ],
  87. "status": "standard",
  88. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc"
  89. },
  90. "calc-size()": {
  91. "syntax": "calc-size( <calc-size-basis>, <calc-sum> )",
  92. "groups": [
  93. "CSS Values and Units"
  94. ],
  95. "status": "experimental",
  96. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size"
  97. },
  98. "circle()": {
  99. "syntax": "circle( <radial-size>? [ at <position> ]? )",
  100. "groups": [
  101. "CSS Shapes"
  102. ],
  103. "status": "standard",
  104. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/circle"
  105. },
  106. "clamp()": {
  107. "syntax": "clamp( <calc-sum>#{3} )",
  108. "groups": [
  109. "CSS Values and Units"
  110. ],
  111. "status": "standard",
  112. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp"
  113. },
  114. "color()": {
  115. "syntax": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
  116. "groups": [
  117. "CSS Color"
  118. ],
  119. "status": "standard",
  120. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color"
  121. },
  122. "color-mix()": {
  123. "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})",
  124. "groups": [
  125. "CSS Color"
  126. ],
  127. "status": "standard",
  128. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix"
  129. },
  130. "conic-gradient()": {
  131. "syntax": "conic-gradient( [ <conic-gradient-syntax> ] )",
  132. "groups": [
  133. "CSS Images"
  134. ],
  135. "status": "standard",
  136. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient"
  137. },
  138. "contrast()": {
  139. "syntax": "contrast( [ <number> | <percentage> ]? )",
  140. "groups": [
  141. "Filter Effects"
  142. ],
  143. "status": "standard",
  144. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast"
  145. },
  146. "cos()": {
  147. "syntax": "cos( <calc-sum> )",
  148. "groups": [
  149. "CSS Values and Units"
  150. ],
  151. "status": "standard",
  152. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cos"
  153. },
  154. "counter()": {
  155. "syntax": "counter( <counter-name>, <counter-style>? )",
  156. "groups": [
  157. "CSS Lists and Counters"
  158. ],
  159. "status": "standard",
  160. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter"
  161. },
  162. "counters()": {
  163. "syntax": "counters( <counter-name>, <string>, <counter-style>? )",
  164. "groups": [
  165. "CSS Lists and Counters"
  166. ],
  167. "status": "standard",
  168. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counters"
  169. },
  170. "cross-fade()": {
  171. "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
  172. "groups": [
  173. "CSS Images"
  174. ],
  175. "status": "standard",
  176. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade"
  177. },
  178. "cubic-bezier()": {
  179. "syntax": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )",
  180. "groups": [
  181. "CSS Easing Functions"
  182. ],
  183. "status": "standard",
  184. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/cubic-bezier"
  185. },
  186. "drop-shadow()": {
  187. "syntax": "drop-shadow( [ <color>? && <length>{2,3} ] )",
  188. "groups": [
  189. "Filter Effects"
  190. ],
  191. "status": "standard",
  192. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow"
  193. },
  194. "element()": {
  195. "syntax": "element( <id-selector> )",
  196. "groups": [
  197. "CSS Images"
  198. ],
  199. "status": "experimental",
  200. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element"
  201. },
  202. "ellipse()": {
  203. "syntax": "ellipse( <radial-size>? [ at <position> ]? )",
  204. "groups": [
  205. "CSS Shapes"
  206. ],
  207. "status": "standard",
  208. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/ellipse"
  209. },
  210. "env()": {
  211. "syntax": "env( <custom-ident> , <declaration-value>? )",
  212. "groups": [
  213. "CSS Environment Variables"
  214. ],
  215. "status": "standard",
  216. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env"
  217. },
  218. "exp()": {
  219. "syntax": "exp( <calc-sum> )",
  220. "groups": [
  221. "CSS Values and Units"
  222. ],
  223. "status": "standard",
  224. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/exp"
  225. },
  226. "fit-content()": {
  227. "syntax": "fit-content( <length-percentage [0,∞]> )",
  228. "groups": [
  229. "CSS Box Sizing",
  230. "CSS Grid Layout"
  231. ],
  232. "status": "standard",
  233. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content_function"
  234. },
  235. "grayscale()": {
  236. "syntax": "grayscale( [ <number> | <percentage> ]? )",
  237. "groups": [
  238. "Filter Effects"
  239. ],
  240. "status": "standard",
  241. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale"
  242. },
  243. "hsl()": {
  244. "syntax": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
  245. "groups": [
  246. "CSS Color"
  247. ],
  248. "status": "standard",
  249. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
  250. },
  251. "hsla()": {
  252. "syntax": "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
  253. "groups": [
  254. "CSS Color"
  255. ],
  256. "status": "nonstandard",
  257. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
  258. },
  259. "hue-rotate()": {
  260. "syntax": "hue-rotate( [ <angle> | <zero> ]? )",
  261. "groups": [
  262. "Filter Effects"
  263. ],
  264. "status": "standard",
  265. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate"
  266. },
  267. "hwb()": {
  268. "syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
  269. "groups": [
  270. "CSS Color"
  271. ],
  272. "status": "standard",
  273. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hwb"
  274. },
  275. "hypot()": {
  276. "syntax": "hypot( <calc-sum># )",
  277. "groups": [
  278. "CSS Values and Units"
  279. ],
  280. "status": "standard",
  281. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hypot"
  282. },
  283. "image()": {
  284. "syntax": "image( <image-tags>? [ <image-src>? , <color>? ]! )",
  285. "groups": [
  286. "CSS Images"
  287. ],
  288. "status": "standard",
  289. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image"
  290. },
  291. "image-set()": {
  292. "syntax": "image-set( <image-set-option># )",
  293. "groups": [
  294. "CSS Images"
  295. ],
  296. "status": "standard",
  297. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image-set"
  298. },
  299. "inset()": {
  300. "syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )",
  301. "groups": [
  302. "CSS Shapes"
  303. ],
  304. "status": "standard",
  305. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/inset"
  306. },
  307. "invert()": {
  308. "syntax": "invert( [ <number> | <percentage> ]? )",
  309. "groups": [
  310. "Filter Effects"
  311. ],
  312. "status": "standard",
  313. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/invert"
  314. },
  315. "lab()": {
  316. "syntax": "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
  317. "groups": [
  318. "CSS Color"
  319. ],
  320. "status": "standard",
  321. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lab"
  322. },
  323. "layer()": {
  324. "syntax": "layer( <layer-name> )",
  325. "groups": [
  326. "CSS Cascading and Inheritance"
  327. ],
  328. "status": "standard",
  329. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import/layer_function"
  330. },
  331. "lch()": {
  332. "syntax": "lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
  333. "groups": [
  334. "CSS Color"
  335. ],
  336. "status": "standard",
  337. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lch"
  338. },
  339. "leader()": {
  340. "syntax": "leader( <leader-type> )",
  341. "groups": [
  342. "CSS Generated Content"
  343. ],
  344. "status": "experimental"
  345. },
  346. "light-dark()": {
  347. "syntax": "light-dark( <color>, <color> )",
  348. "groups": [
  349. "CSS Color"
  350. ],
  351. "status": "standard",
  352. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/light-dark"
  353. },
  354. "linear()": {
  355. "syntax": "linear( [ <number> && <percentage>{0,2} ]# )",
  356. "groups": [
  357. "CSS Easing Functions"
  358. ],
  359. "status": "standard",
  360. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/linear"
  361. },
  362. "linear-gradient()": {
  363. "syntax": "linear-gradient( [ <linear-gradient-syntax> ] )",
  364. "groups": [
  365. "CSS Images"
  366. ],
  367. "status": "standard",
  368. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient"
  369. },
  370. "log()": {
  371. "syntax": "log( <calc-sum>, <calc-sum>? )",
  372. "groups": [
  373. "CSS Values and Units"
  374. ],
  375. "status": "standard",
  376. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/log"
  377. },
  378. "matrix()": {
  379. "syntax": "matrix( <number>#{6} )",
  380. "groups": [
  381. "CSS Transforms"
  382. ],
  383. "status": "standard",
  384. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix"
  385. },
  386. "matrix3d()": {
  387. "syntax": "matrix3d( <number>#{16} )",
  388. "groups": [
  389. "CSS Transforms"
  390. ],
  391. "status": "standard",
  392. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix3d"
  393. },
  394. "max()": {
  395. "syntax": "max( <calc-sum># )",
  396. "groups": [
  397. "CSS Values and Units"
  398. ],
  399. "status": "standard",
  400. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max"
  401. },
  402. "min()": {
  403. "syntax": "min( <calc-sum># )",
  404. "groups": [
  405. "CSS Values and Units"
  406. ],
  407. "status": "standard",
  408. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min"
  409. },
  410. "minmax()": {
  411. "syntax": "minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )",
  412. "groups": [
  413. "CSS Values and Units"
  414. ],
  415. "status": "standard",
  416. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax"
  417. },
  418. "mod()": {
  419. "syntax": "mod( <calc-sum>, <calc-sum> )",
  420. "groups": [
  421. "CSS Values and Units"
  422. ],
  423. "status": "standard",
  424. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/mod"
  425. },
  426. "oklab()": {
  427. "syntax": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
  428. "groups": [
  429. "CSS Color"
  430. ],
  431. "status": "standard",
  432. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklab"
  433. },
  434. "oklch()": {
  435. "syntax": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
  436. "groups": [
  437. "CSS Color"
  438. ],
  439. "status": "standard",
  440. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklch"
  441. },
  442. "opacity()": {
  443. "syntax": "opacity( [ <number> | <percentage> ]? )",
  444. "groups": [
  445. "Filter Effects"
  446. ],
  447. "status": "standard",
  448. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity"
  449. },
  450. "paint()": {
  451. "syntax": "paint( <ident>, <declaration-value>? )",
  452. "groups": [
  453. "CSS Houdini"
  454. ],
  455. "status": "standard",
  456. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint"
  457. },
  458. "palette-mix()": {
  459. "syntax": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})",
  460. "groups": [
  461. "CSS Fonts"
  462. ],
  463. "status": "standard",
  464. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-palette/palette-mix"
  465. },
  466. "path()": {
  467. "syntax": "path( <'fill-rule'>? , <string> )",
  468. "groups": [
  469. "CSS Shapes"
  470. ],
  471. "status": "standard",
  472. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/path"
  473. },
  474. "perspective()": {
  475. "syntax": "perspective( [ <length [0,∞]> | none ] )",
  476. "groups": [
  477. "CSS Transforms"
  478. ],
  479. "status": "standard",
  480. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective"
  481. },
  482. "polygon()": {
  483. "syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
  484. "groups": [
  485. "CSS Shapes"
  486. ],
  487. "status": "standard",
  488. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon"
  489. },
  490. "pow()": {
  491. "syntax": "pow( <calc-sum>, <calc-sum> )",
  492. "groups": [
  493. "CSS Values and Units"
  494. ],
  495. "status": "standard",
  496. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pow"
  497. },
  498. "radial-gradient()": {
  499. "syntax": "radial-gradient( [ <radial-gradient-syntax> ] )",
  500. "groups": [
  501. "CSS Images"
  502. ],
  503. "status": "standard",
  504. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient"
  505. },
  506. "ray()": {
  507. "syntax": "ray( <angle> && <ray-size>? && contain? && [at <position>]? )",
  508. "groups": [
  509. "Motion Path"
  510. ],
  511. "status": "standard",
  512. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray"
  513. },
  514. "rect()": {
  515. "syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
  516. "groups": [
  517. "CSS Shapes"
  518. ],
  519. "status": "standard",
  520. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/rect"
  521. },
  522. "rem()": {
  523. "syntax": "rem( <calc-sum>, <calc-sum> )",
  524. "groups": [
  525. "CSS Values and Units"
  526. ],
  527. "status": "standard",
  528. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/rem"
  529. },
  530. "repeating-conic-gradient()": {
  531. "syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
  532. "groups": [
  533. "CSS Images"
  534. ],
  535. "status": "standard",
  536. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-conic-gradient"
  537. },
  538. "repeating-linear-gradient()": {
  539. "syntax": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
  540. "groups": [
  541. "CSS Images"
  542. ],
  543. "status": "standard",
  544. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient"
  545. },
  546. "repeating-radial-gradient()": {
  547. "syntax": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
  548. "groups": [
  549. "CSS Images"
  550. ],
  551. "status": "standard",
  552. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-radial-gradient"
  553. },
  554. "rgb()": {
  555. "syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
  556. "groups": [
  557. "CSS Color"
  558. ],
  559. "status": "standard",
  560. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
  561. },
  562. "rgba()": {
  563. "syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
  564. "groups": [
  565. "CSS Color"
  566. ],
  567. "status": "nonstandard",
  568. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
  569. },
  570. "rotate()": {
  571. "syntax": "rotate( [ <angle> | <zero> ] )",
  572. "groups": [
  573. "CSS Transforms"
  574. ],
  575. "status": "standard",
  576. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate"
  577. },
  578. "rotate3d()": {
  579. "syntax": "rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )",
  580. "groups": [
  581. "CSS Transforms"
  582. ],
  583. "status": "standard",
  584. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate3d"
  585. },
  586. "rotateX()": {
  587. "syntax": "rotateX( [ <angle> | <zero> ] )",
  588. "groups": [
  589. "CSS Transforms"
  590. ],
  591. "status": "standard",
  592. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateX"
  593. },
  594. "rotateY()": {
  595. "syntax": "rotateY( [ <angle> | <zero> ] )",
  596. "groups": [
  597. "CSS Transforms"
  598. ],
  599. "status": "standard",
  600. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateY"
  601. },
  602. "rotateZ()": {
  603. "syntax": "rotateZ( [ <angle> | <zero> ] )",
  604. "groups": [
  605. "CSS Transforms"
  606. ],
  607. "status": "standard",
  608. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ"
  609. },
  610. "round()": {
  611. "syntax": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )",
  612. "groups": [
  613. "CSS Values and Units"
  614. ],
  615. "status": "standard",
  616. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round"
  617. },
  618. "saturate()": {
  619. "syntax": "saturate( [ <number> | <percentage> ]? )",
  620. "groups": [
  621. "Filter Effects"
  622. ],
  623. "status": "standard",
  624. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate"
  625. },
  626. "scale()": {
  627. "syntax": "scale( [ <number> | <percentage> ]#{1,2} )",
  628. "groups": [
  629. "CSS Transforms"
  630. ],
  631. "status": "standard",
  632. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale"
  633. },
  634. "scale3d()": {
  635. "syntax": "scale3d( [ <number> | <percentage> ]#{3} )",
  636. "groups": [
  637. "CSS Transforms"
  638. ],
  639. "status": "standard",
  640. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale3d"
  641. },
  642. "scaleX()": {
  643. "syntax": "scaleX( [ <number> | <percentage> ] )",
  644. "groups": [
  645. "CSS Transforms"
  646. ],
  647. "status": "standard",
  648. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleX"
  649. },
  650. "scaleY()": {
  651. "syntax": "scaleY( [ <number> | <percentage> ] )",
  652. "groups": [
  653. "CSS Transforms"
  654. ],
  655. "status": "standard",
  656. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleY"
  657. },
  658. "scaleZ()": {
  659. "syntax": "scaleZ( [ <number> | <percentage> ] )",
  660. "groups": [
  661. "CSS Transforms"
  662. ],
  663. "status": "standard",
  664. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleZ"
  665. },
  666. "scroll()": {
  667. "syntax": "scroll( [ <scroller> || <axis> ]? )",
  668. "groups": [
  669. "Scroll-driven Animations"
  670. ],
  671. "status": "experimental",
  672. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll"
  673. },
  674. "sepia()": {
  675. "syntax": "sepia( [ <number> | <percentage> ]? )",
  676. "groups": [
  677. "Filter Effects"
  678. ],
  679. "status": "standard",
  680. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia"
  681. },
  682. "sign()": {
  683. "syntax": "sign( <calc-sum> )",
  684. "groups": [
  685. "CSS Values and Units"
  686. ],
  687. "status": "standard",
  688. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sign"
  689. },
  690. "sin()": {
  691. "syntax": "sin( <calc-sum> )",
  692. "groups": [
  693. "CSS Values and Units"
  694. ],
  695. "status": "standard",
  696. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sin"
  697. },
  698. "skew()": {
  699. "syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )",
  700. "groups": [
  701. "CSS Transforms"
  702. ],
  703. "status": "standard",
  704. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skew"
  705. },
  706. "skewX()": {
  707. "syntax": "skewX( [ <angle> | <zero> ] )",
  708. "groups": [
  709. "CSS Transforms"
  710. ],
  711. "status": "standard",
  712. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewX"
  713. },
  714. "skewY()": {
  715. "syntax": "skewY( [ <angle> | <zero> ] )",
  716. "groups": [
  717. "CSS Transforms"
  718. ],
  719. "status": "standard",
  720. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY"
  721. },
  722. "sqrt()": {
  723. "syntax": "sqrt( <calc-sum> )",
  724. "groups": [
  725. "CSS Values and Units"
  726. ],
  727. "status": "standard",
  728. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
  729. },
  730. "steps()": {
  731. "syntax": "steps( <integer>, <step-position>? )",
  732. "groups": [
  733. "CSS Easing Functions"
  734. ],
  735. "status": "standard",
  736. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/steps"
  737. },
  738. "symbols()": {
  739. "syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
  740. "groups": [
  741. "CSS Counter Styles"
  742. ],
  743. "status": "standard",
  744. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/symbols"
  745. },
  746. "tan()": {
  747. "syntax": "tan( <calc-sum> )",
  748. "groups": [
  749. "CSS Values and Units"
  750. ],
  751. "status": "standard",
  752. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"
  753. },
  754. "target-counter()": {
  755. "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )",
  756. "groups": [
  757. "CSS Generated Content"
  758. ],
  759. "status": "experimental"
  760. },
  761. "target-counters()": {
  762. "syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )",
  763. "groups": [
  764. "CSS Generated Content"
  765. ],
  766. "status": "experimental"
  767. },
  768. "target-text()": {
  769. "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )",
  770. "groups": [
  771. "CSS Generated Content"
  772. ],
  773. "status": "experimental"
  774. },
  775. "translate()": {
  776. "syntax": "translate( <length-percentage> , <length-percentage>? )",
  777. "groups": [
  778. "CSS Transforms"
  779. ],
  780. "status": "standard",
  781. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate"
  782. },
  783. "translate3d()": {
  784. "syntax": "translate3d( <length-percentage> , <length-percentage> , <length> )",
  785. "groups": [
  786. "CSS Transforms"
  787. ],
  788. "status": "standard",
  789. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate3d"
  790. },
  791. "translateX()": {
  792. "syntax": "translateX( <length-percentage> )",
  793. "groups": [
  794. "CSS Transforms"
  795. ],
  796. "status": "standard",
  797. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateX"
  798. },
  799. "translateY()": {
  800. "syntax": "translateY( <length-percentage> )",
  801. "groups": [
  802. "CSS Transforms"
  803. ],
  804. "status": "standard",
  805. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateY"
  806. },
  807. "translateZ()": {
  808. "syntax": "translateZ( <length> )",
  809. "groups": [
  810. "CSS Transforms"
  811. ],
  812. "status": "standard",
  813. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateZ"
  814. },
  815. "var()": {
  816. "syntax": "var( <custom-property-name> , <declaration-value>? )",
  817. "groups": [
  818. "CSS Custom Properties for Cascading Variables"
  819. ],
  820. "status": "standard",
  821. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var"
  822. },
  823. "view()": {
  824. "syntax": "view([<axis> || <'view-timeline-inset'>]?)",
  825. "groups": [
  826. "Scroll-driven Animations"
  827. ],
  828. "status": "experimental",
  829. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view"
  830. },
  831. "xywh()": {
  832. "syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
  833. "groups": [
  834. "CSS Shapes"
  835. ],
  836. "status": "standard",
  837. "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/xywh"
  838. }
  839. }