Yuan Chuan with a funny blog post opener commenting about how a lot they appreciated their good friend’s photographs:
I used to be attracted by their slight blur and the refined glowing results, and questioned what sort of filter perform was used. However then she advised me it’s simply because the digicam lens wasn’t cleaned.
Seems you may get that very same form of “dreamy” impact with some fancy dancing with filters.
Semantic HTML? Pffffft. Why hassle? Unicode is all you really need.
Terence Eden says he’s very sorry for this.
I most likely ought to have simply copied the unicode above into this e mail reasonably than screenshotting it, nevertheless it made me too nervous for some motive. Partially as a result of I’d fear it seems to be like spam to some e mail servers.
Right here’s a pleasant walkthrough of 3D in CSS by Brad Woods.
One of many demos has you grabbing the nook of a component with common textual content in it, and as you drag it folds again in house, with, you guessed it 3D in CSS.
Seeing textual content in 3D is by some means additional satisfying for me, maybe as a result of it’s extra uncommon to see. And hey, that jogs my memory of Codrops latest On-Scroll Typography Animations that are very very cool. Be sure that to scroll far sufficient to see the “Unfolding” one which is my favourite.
I all the time although that the maths behind calculating the proper nested
border-radius can be complicated by some means. However Paul Hebert has it figured out for us:
outerRadius - hole = innerRadius
Gotta get this proper people! See how awkward it may be on the left vs. fastened on the suitable.
The publish Chris’ Nook: Dreamy, Folded, Flexible CSS appeared first on CodePen Weblog.
#Chris #Nook #Dreamy #Folded #Flexible #CSS