Search

Nalezeno "Properties": 301

How to Create Wavy Shapes & Patterns in CSS


The wave is probably one of the most difficult shapes to make in CSS. We always try to approximate it with properties like border-radius and lots of magic numbers until we get something that feels kinda close. And that’s before … How to Create Wavy Shapes & Patterns in CSS originally...

How I Made an Icon System Out of CSS Custom Properties


SVG is the best format for icons on a website, there is no doubt about that. It allows you to have sharp icons no matter the screen pixel density, you can change the styles of the SVG on hover … How I Made an Icon System Out of CSS Custom Properties originally published on CSS-Tricks, which...

Making a Real-Time Clock With a Conic Gradient Face


Gradients have been a part of the CSS spectrum for quite some time now. We see a lot of radial and linear gradients in a lot of projects, but there is one type of gradient that seems to be a … Making a Real-Time Clock With a Conic Gradient Face originally published on CSS-Tricks, which...

Interpolating Numeric CSS Variables


We can make variables in CSS pretty easily: :root { --scale: 1; } And we can declare them on any element: .thing { transform: scale(--scale); } Even better for an example like this is applying the variable on a user … Interpolating Numeric CSS Variables originally published...

Upland Sustains Mass Market Readiness With All-Inclusive Economy


Upland is a mobile-first blockchain metaverse that allows users to buy virtual properties based on real world addresses, build on those properties to increase their value, and sell them to increase their virtual real estate portfolio. Upland has the unique position to attract mass markets due...

Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers


When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container. Then we explicitly define the grid using a combination of grid-template-columns, grid-template-rows… Exploring CSS Grid’s Implicit Grid and Auto-Placement...

Logical Properties for Useful Shorthands


Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into logical property shorthands in CSS, particularly those that set lengths just on a single axis, … Logical Properties for Useful Shorthands originally...

How stroke-dasharray Patterns Work


Say you have a line in SVG: <svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg You can use the stroke-dasharray property in CSS to make dashes: line { stroke-dasharray: 5; } That 5 value is a relative unit based … How stroke-dasharray Patterns...

Argentinian Tax Agency Ramps Up Digital Wallet Seizures


The Argentinian Tax Agency, the AFIP, has ramped up the seizures of digital wallets of taxpayers in the country. The institution managed to seize more than 1,200 digital wallets of taxpayers that had debts and didn’t have a bank account, or other properties available to be collected by...

Dubai Property Developer Completes Real Estate Deals Worth $50M via Crypto


According to an executive with the Dubai-based DAMAC Properties, the real estate development “company has already succeeded in concluding real estate deals worth $50 million via cryptocurrencies since the beginning of this year.” The executive, however, says his company is facing...

Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D


We’ve walked through a series of posts now about interesting approaches to CSS hover effects. We started with a bunch of examples that use CSS background properties, then moved on to the text-shadow property where we technically didn’t use … Cool CSS Hover Effects That Use Background...

Cool Hover Effects That Use CSS Text Shadow


In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow … Cool Hover Effects That Use CSS Text Shadow...

Cool Hover Effects That Use Background Properties


A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot of comments have shown that the same effect can be done using background … Cool Hover Effects That Use Background Properties originally...

Bandai Namco Announces Gundam Themed Metaverse


Bandai Namco, a game developer and publishing company involved in the production of toys from several intellectual properties (IPs), has revealed more information about its $130-million metaverse gambit. The company says this new initiative will be based on its Gundam IP, being one of the first...

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