Search

Nalezeno "@property": 507

SVG within CSS

8.2.2021
Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that. But … The post SVG within CSS appeared first...

Animating a CSS Gradient Border

8.2.2021
This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

Some Typography Blog Posts I’ve Bookmarked and Read Lately

4.2.2021
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird. The good line-height — Since … The post Some Typography Blog...

Collective #647

4.2.2021
Mutsuacen * New aspect-ratio CSS property * Fusuma * Dark Patterns in UI Copy 2021 The post Collective #647 appeared first on Codrops

How to Play and Pause CSS Animations with CSS Custom Properties

21.1.2021
Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it, that can be controlled with JavaScript, but there is plenty of nuance to get … The post How to Play and Pause CSS Animations with...

New in Chrome 88: aspect-ratio

20.1.2021
And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of Safari announcing support for it in Safari Technology Preview 118, … The post New in Chrome 88: aspect-ratio appeared first...

Svelte and Spring Animations

8.1.2021
Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time, springs allow us to move things using spring physics, which gives the … The post Svelte and Spring Animations appeared first...

Simulating Drop Shadows with the CSS Paint API

29.12.2020
Ask a hundred front-end developers, and most, if not all, of them will have used the box-shadow property in their careers. Shadows are enduringly popular, and can add an elegant, subtle effect if used properly. But shadows occupy a strange … The post Simulating Drop Shadows with the...

Late to Logical

7.12.2020
2020 brought another wave of logical property features to major browsers and I’ve thoroughly enjoyed my investment into logical, rather than physical, web styling. I feel like I’ve learned a new way to speak about the box model that results in less written code with more global coverage. p { ...

How to Animate a SVG with border-image

3.12.2020
Let’s take a look at how to combine the border-image property in CSS with animated SVGs that move around a border. In the process, we’ll cover how to hand-craft resizable, nine-slice animated SVGs that you can use not only re-create the effect, but to make it your own. Here’s what we’re...

Russia to Recognize Bitcoin as Property With Legal Protection

30.11.2020
The Russian prime minister has outlined the government’s plans to amend existing laws to recognize cryptocurrency as property. This means bitcoin owners will have the legal rights to defend and recoup their cryptocurrencies in court. Russia to Recognize Bitcoin as Property During...

Airbnb IPO Prospectus Says Future Success Means Adapting to Cryptocurrencies

20.11.2020
The giant online rental marketplace based in San Francisco, Airbnb is considering supporting cryptocurrencies and blockchain technology. The news stems from the company’s initial public offering (IPO) prospectus with the U.S. Securities and Exchange Commission (SEC). Airbnb’s filing...

grid-auto-flow : CSS Grid :: flex-direction : Flexbox

19.11.2020
When setting a parent element to display: flex, its child elements align left-to-right like this: CodePen Embed Fallback Now, one of the neat things we can do with flexbox is change the direction so that child elements are stacked vertically on top of each other in a column. We can do that with...

A Complete Guide to CSS Gradients

17.11.2020
Like how you can use the background-color property in CSS to declare a solid color background, you can use the background-image property not only to declare image files as backgrounds but gradients as well. Using CSS gradients is better for control and performance than using an actual image (of...

Logical layout enhancements with flow-relative shorthands

16.11.2020
Admission: I’ve never worked on a website that was in anything other than English. I have worked on websites that were translated by other teams, but I didn’t have much to do with it. I do, however, spend a lot of time thinking in terms of block-level and inline-level elements....

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace