Search
New Destiny 2 Bundle Contains 5 Years Of Content For Just $40
14.2.2024
Destiny 2 ain’t no spring chicken. Bungie’s popular intergalactic looter shooter has been around since 2017, and in that time, the game has received numerous updates and expansions. Now, a new deal collects almost all of those expansions and updates into one $40 Steam bundle making it easy...
It’s About Damn Time Games ‘Git Gud’ At Black Hair
28.2.2023
When you think of Black hair in games, what comes to mind? Maybe a clean set of cornrows? What about some dreadlocks? Or, and this is probably the most likely, do you think of an afro, a Caesar fade, or just a bald scalp?Read more
Please Give Me Some Space
3.6.2022
There’s all kinds of ways to do that. Some more advisable and better-suited for certain situations than others, of course.
We could do it directly in HTML:
<pWe go from one line...<br<brdown a couple more.</p
But that’s …
Please Give Me Some Space originally...
Billionaire Mike Novogratz Says Bitcoin Market Is ‘in Good Shape’ — China Has ‘Less and Less’ Influence Over Crypto
27.9.2021
The billionaire investor and CEO of Galaxy Digital, Mike Novogratz, says the bitcoin market is in good shape, noting that he sees “so much capital coming into the space.” He also commented on the dwindling influence China has over the crypto market. Billionaire Investor Says...
Using CSS Shapes for Interesting User Controls and Navigation
4.8.2021
Straight across or down, that’s the proverbial order for user controls on a screen. Like a list of menu items. But what if we change that to a more fluid layout with bends, curves, and nooks? We can pull it …
The post Using CSS Shapes for Interesting User Controls and Navigation appeared...
Float an Element to the Bottom Corner
19.4.2021
Need to lay out an element to the right or the left, such that text wraps around it? That’s an easy task for the float property. But what about if you also want to push that element (let’s call it …
The post Float an Element to the Bottom Corner appeared first on CSS-Tricks.
You can support...
You Don't Want Resident Evil Village's Tall Vampire Lady To Step On Your Face
19.4.2021
You really don’t! Clocking in at 2.9m (or 9'6") tall, Lady Dimitrescu is probably the absolute last individual you’d want stepping on you. Read more
Shape Slideshow with Clip-path
10.3.2021
An experimental slideshow using clip-path to create shape transitions between slides.
The post Shape Slideshow with Clip-path appeared first on Codrops
Rotating Loading Animation of 3D Shapes with Three.js
3.2.2021
Some rubber-like 3D shape rotations that are perfect for loading animations.
The post Rotating Loading Animation of 3D Shapes with Three.js appeared first on Codrops
Infinite Hyperbolic Helicoid Animation with Three.js
11.1.2021
A coding session where you'll learn how to create an infinite shape animation of a hyperbolic helicoid using Three.js.
The post Infinite Hyperbolic Helicoid Animation with Three.js appeared first on Codrops
Using CSS to Set Text Inside a Circle
14.4.2020
You want to set some text inside the shape of a circle with HTML and CSS? That’s crazy talk, right?
Not really! Thanks to shape-outside and some pure CSS trickery it is possible to do exactly that.
However, this can be a fiddly layout option. We have to take lots of different things into...
Float Element in the Middle of a Paragraph
4.11.2019
Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph, not right at the top. It's doable, but it's certainly in the realm of CSS trickery!
One thing you can do is slap the image right in the middle of...
Real-time Multiside Refraction in Three Steps
29.10.2019
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
Real-time Multiside Refraction in Three Steps was written by Jesper Vos and published on Codrops
5 of the Best Crypto Swapping Services
12.10.2019
Creating an exchange account, signing in and placing an order every time you want to switch cryptos is like using a sledgehammer to crack a walnut. It’s an incredibly inefficient way to jump between cryptos, and given that no exchange has all the coins, it necessitates creating multiple...
8 Little Videos About the Firefox Shape Path Editor
7.3.2019
It sometimes takes a quick 35 seconds for a concept to really sink in. Mikael Ainalem delivers that here, in the case that you haven't quite grokked the concepts behind path-based CSS properties like clip-path and shape-outside.
Here are two of my favorites. The first demonstrates animating text...
People Talkin’ Shapes
22.12.2018
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here:
Float shape-outside...
A CSS Venn Diagram
17.12.2018
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too.
I also think it’s super...
An Introduction to CSS Shapes
29.11.2018
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.
An Introduction to CSS Shapes was written by Tania Rascia and published on Codrops