Search

Nalezeno "outline": 60

Adding Box Shadows to WordPress Blocks and Elements

7.12.2022
The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements. Adding Box Shadows to WordPress Blocks and Elements originally...

Fancy Image Decorations: Outlines and Complex Animations

28.10.2022
We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the <img> element. In this third and final piece, we are going to explore more techniques using the … Fancy Image Decorations: Outlines...

Roundup of Recent Document Outline Chatter

21.7.2022
It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard. First off, you should know … Roundup of Recent Document Outline Chatter...

Chess Star Sues Netflix Because Queen’s Gambit Erased Her Accolades

18.9.2021
Female Soviet chess legend Nona Gaprindashvili is suing Netflix for $5 million after a scene in the hit show Queen’s Gambit falsely claimed she had never played against men. In fact, she claims to have played and beaten dozens of men. In the suit, Gaprindashvili called the incorrect dialogue...

Kyoto Looks Different Without All The Tourists

1.9.2021
This June, for the first time in a long time, I went to Kyoto with my kids to see the sights. But like everywhere, the city felt different. Something was missing. It was summer. The kids needed something to do. Kyoto Prefecture is not far from where I live in Osaka. I can be there in 20 minutes...

Using the `outline` Property as a Collapsable Border

18.6.2021
The outline property in CSS draws a line around the outside of an element. This is quite similar to the border property, the main exception being that outline isn’t a part of the box model. It is often used for … The post Using the `outline` Property as a Collapsable Border appeared first...

Text Outline Animation with Three.js

19.4.2021
Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL. The post Text Outline Animation with Three.js appeared first on Codrops

Before Game of Thrones Got Big, Intimacy Was Its Greatest Strength

15.4.2021
This Sunday marks 10 years since Game of Thrones changed the television landscape as we know it—kickstarting a decade of imitators, influencing the way genre stories were told as prestige drama, and, for most of that decade, expanding itself into a pop-cultural behemoth. Revisiting its first season...

Chess Champion Plays "Bongcloud" Move, Which Is Very Funny

17.3.2021
Norway’s Magnus Carlsen is a chess grandmaster, the current world champion, as well as world #1 in rapid and blitz chess as well. He is very good at chess, but in this match against fellow grandmaster Hikaru Nakamura, he opens by playing one of the worst possible moves in the entire game.Read more

Japan Finally Gets Rules About Japanese Whisky

16.2.2021
Japanese whisky isn’t yet one hundred years old. The country set up its first proper whisky distillery in 1923. And from then until this year, there were zero codified rules about what exactly Japanese whisky was.Read more

:focus-visible Support Comes to Firefox

10.2.2021
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to … The post :focus-visible Support Comes to Firefox appeared first...

The :focus-visible Trick

16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element. But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...

Stroke Text CSS: The Definitive Guide

4.9.2020
Whenever I think of stroked text on the web I think: nope. There is -webkit-text-stroke in CSS for it, but it places that stroke in the middle of the vector outline of the characters, absolutely ensuring that the character doesn’t look right. Just look at this in Chrome or Safari. Gross....

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