R | CSS-Tricks

The random() function in CSS is an experimental feature (i.e., not supported in any browser) that returns a random numeric […]
The rotateX() function rotates an element around the x-axis in a three-dimensional space
The rotateY() function rotates an element around its vertical y-axis.
The rotate() function spins an element either clockwise or counterclockwise in a 2D plane.
The ray() function is used in combination with the offset-path property and creates a line segment, a ray. It lets you move or place an element using polar coordinates, i.e. coordinates based on a distance and an angle instead of Cartesian coordinates, where the X coordinate is on the horizontal axis and the Y coordinate is on the vertical axis.
The repeating-linear-gradient() function creates a repeating gradient that places colors along a straight line and smoothly transitions between them. We define a section of the gradient, which then gets repeated until it fills the available space.
The repeating-conic-gradient() function creates a repeating gradient by placing colors around a circle.
The repeating-radial-gradient() function creates a circular or elliptical color gradient. The gradient is then repeated infinitely.
The radial-gradient() functions creates a circular or elliptical color gradient starting from a center point and spreading outward.
The CSS rem() function (also called the “remainder” function) returns the amount left over after the first argument’s integer is divided by the second argument.
The CSS round() function enables us to round a number, percentage, or dimension (i.e., a number with units attached). We’ve been able to round using […]
The CSS rgb() color function represents color in the sRGB color space specifying their redness (r), greenness (g), and blueness (b), and an optional transparency value.
The rotateZ() function rotates an element around its z-axis, so clockwise or counterclockwise.
Join our community of front-end nerds!
Andy Clarke shows you how to create designs that people recognize and remember in his brand-new e-book, Standout Designs for the Web. Pre-order it today!
Join our community of front-end nerds! You'll get into the Discord server and member-only perks and free swag.
Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.
Get your t-shirts, prints, stickers, and yes, even mousepads at the brand-spankin' new CSS-Tricks store, now open.
CSS-Tricks is powered by a small team of real-life humans.
Handwritten. Twice a month. No spam. See past issues →