Search
Pro Trader-Focused NFT Marketplace Blur Secures $11 Million in Seed Round Led by Paradigm
29.3.2022
On March 28, the non-fungible token (NFT) marketplace Blur announced the company has raised $11 million in a seed round led by Paradigm. The NFT marketplace Blur says the startup is focused on building an institutional-grade NFT market that’s made “for pro traders.” Blur Raises...
Cappasity to Present 3D NFT for E-Commerce in March 2022
8.2.2022
PRESS RELEASE. Cappasity’s platform will allow retailers to create immersive NFTs easily and quickly. The proprietary utility token CAPP will be used in the provision of NFT services. Cappasity lets companies create and deliver 3D/AR experiences to blur the line between online and in-store...
BioWare's Classic Star Wars Trailers Are Being Re-Released In 4K
8.11.2021
Star Wars: The Old Republic is 10 this year, and as part of the birthday celebrations BioWare have decided to do something I can’t remember ever seeing before; they’re re-releasing the game’s old trailers in an elegant resolution for a less civilized age.Read more
Narratives Blur as Bitcoin and Ethereum Target Each Other's Field
3.11.2021
As Bitcoin (BTC) and Ethereum (ETH) camps keep fighting for old and new capital in the crypto space, their value proposition narratives are becoming somewhat more complicated with each competing side trying to steal the show from each other.
According to Noelle Acheson, head of markets insights...
Creating Colorful, Smart Shadows
4.5.2021
A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the background in a pseudo-element, kick it behind the original, then blur and filter it. …
The post Creating Colorful, Smart Shadows appeared...
How to Create a Realistic Motion Blur with CSS Transitions
14.10.2020
Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what we’re trying to reproduce.
Have you ever taken a photo of something moving quickly, especially under low light, and it turned into a blurry...
Backdrop Filter effect with CSS
16.7.2020
I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a frosted glass effect and the CSS property is backdrop-filter.
The approach? Easy peasy:
.container {
backdrop-filter: blur(10px);
}
The...
Creating Playful Effects With CSS Text Shadows
20.4.2020
Let’s have a look at how we can use the CSS text-shadow property to create truly 3D-looking text. You might think of text-shadow as being able to apply blurred, gradient-looking color behind text, and you would be right! But just like box-shadow, you can control how blurred the shadow is, including...
“Browser Functions”
26.1.2020
Serverless functions are fairly straightforward. Put a bit of back-end language code, like Node, in the cloud and communicate with it via URL. But what if that URL didn't run a back-end language, it ran an actual browser? Richard Young:
We can now do full stack development using just Web APIs....
Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
18.11.2019
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.
With plugins and some configuration, you can even setup image preloading and a technique called blur-up for your...
A Glassy (and Classy) Text Effect
29.8.2019
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the background behind it through the text. It's not like knockout text where you see the exact background. In this case, live video is playing underneath....
Blurred Borders in CSS
20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Here's what we're after:
The desired result.
Let's see how we can code this effect, how we...
SVG Filters 101
15.1.2019
The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.
SVG Filters 101 was written by Sara Soueidan and published on Codrops
The backdrop-filter CSS property
16.5.2018
I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. This is because it adds filters (like changing the hue, contrast or blur) of the background of an element without changing the text...