hapilakiのブックマーク - はてなブックマーク

css - How To Add CSS3 Transition With HTML5 details/summary tag reveal? - Stack Overflow

Using just CSS3, is there a way to add a nice fade-in and slide-from-left transition effect on a DETAILS/SUMMARY reveal? For a demo of this new tag, see this demo: https://jsfiddle.net/43m61yt0/1/ Here's the HTML for it: <details> <summary>Copyright 1999-2014.</summary> <section> <p> - by Refsnes Data. All Rights Reserved.</p> <p>All content and graphics on this web site are the property of the co

hapilaki 2023/12/09

web制作

リンク

"Error with Permissions-Policy header" getting after Chrome update

hapilaki 2022/04/18

“Permissions-Policy: fullscreen=(self "https://example.com"), geolocation=*, camera=()”

web制作

リンク

Smallest data URI image possible for a transparent image

I'm using a transparent 1x1 image with a background image, to be able to use sprites and still provide alternative text for some icons. I want to use a data URI for the image to reduce the number of HTTP requests, but what would be the smallest possible string to produce a transparent image? I realize I could use data URI:s for the actual images instead of sprites, but it's easier to maintain when