Search

Nalezeno "image": 111

Alternate Column Scroll Animation


A grid layout with columns that scroll in opposite directions and a content preview animation. The post Alternate Column Scroll Animation appeared first on Codrops

Maybe there kinda is background-opacity?


I was reading Jake’s “Cross-fading any two DOM elements is currently impossible” which is a wonderfully nerdy deep dive into how there is no real way to literally cross-fade elements. Yeah, you can animate both of their opacities, but even …

A Look at the Cloudinary WordPress Plugin


(This is a sponsored post.) Cloudinary (the media hosting and optimization service) has a brand new version (v3) of its WordPress plugin that has really nailed it. First, a high-level look at the biggest things this plugin does: It … The post A Look at the Cloudinary WordPress Plugin...

CSS-ing Candy Ghost Buttons


Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and … The post CSS-ing Candy Ghost Buttons appeared first on CSS-Tricks. You can support...

Menu and Thumbnail Stack Animation


An animation on a vertical image stack for a menu that expands to arrange the stack items on a horizontal line. The post Menu and Thumbnail Stack Animation appeared first on Codrops

Frameworks Helping Image Usage


I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites. I think it’s encouraging to see frameworks — these … The post Frameworks Helping Image Usage appeared...

One Of The Wildest Console Hacks Ever


When Microsoft released the Xbox 360, it was designed to be unhackable. Security-wise, the machine was a step up from the original Xbox with custom hardware and encryption keys to keep hackers and modders at bay. Of course, they figured out an in, but what makes this exploit for the Xbox 360 Slim...

Layout with Reveal Animations and Content Preview


Some experimental reveal animations on typographic elements as repeating pattern for a website design. The post Layout with Reveal Animations and Content Preview appeared first on Codrops

'Shop Contest: Giant Stuffed Leek


For some reason, The Pokemon Company has decided to sell people a nearly 40-inch long giant, stuffed Farfetch’d leek. Why? I don’t know, but the reviews for it are great. Read more

Using Performant Next-Gen Images in CSS with image-set


The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().… The post Using Performant Next-Gen Images in CSS with image-set...

'Shop Contest: Happy Father's Day


Today is Father’s Day. And there sure are a lot of dads in gaming. So let’s celebrate the holiday by having fun with all the various video game fathers on their special day. Read more

Perfect Tooltips With CSS Clipping and Masking


Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a clipping technique for tooltips showing above links in text. Those … The post Perfect Tooltips With CSS Clipping and Masking appeared...

'Shop Contest: Pot Goblin


E3 is here! Which means a lot of busy days for me. But it also means new video games and trailers! Exciting stuff. And one of the biggest moments so far has to be the Elden Ring gameplay trailer. Folks freaked out. A horse double jumped. It was wicked. But buried in that trailer was this year’s...

PlayStation CEO Clarifies That One Time He Called PS2 Games ‘Ancient’


Few statements have marred PlayStation’s public image than a quote from a 2017, in which PlayStation head Jim Ryan described a PS2 game as “ancient.” At the time, the comment give fans the impression that PlayStation’s lack of interest in supporting cross-gen play came from the top. Ryan addressed...

'Shop Contest: LeBron James Toy


Come on SLAM and welcome to the JAM! It’s time to have some fun with a weird LeBron James toy! (That didn’t rhyme as well as I hoped. But my backspace key broke months ago so, can’t fix it or improve it. Moving on.) Read more

How to Show Images on Click


Most images on the web are superfluous. If I might be a jerk for a bit, 99% of them aren’t event that helpful at all (although there are rare exceptions). That’s because images don’t often complement the text they’re … The post How to Show Images on Click appeared first...

'Shop Contest: New PS5 Controllers


It’s nearly impossible to get a PS5 console these days. But don’t worry, you might be able to snag one of the new PS5 controllers. (Probably not.) However, let’s pretend we live in a better universe.Read more

'Shop Contest: Baby Fallen


I don’t know much about Destiny’s lore or whatever. But I do know that the Fallen baby is adorable. Let’s have some fun with this infant that looks oddly similar to a grenade.Read more

Ten Useful Image and Video Transformations


Learn how to transform images and videos for 10 popular use cases, such as image thumbnails and placeholders; as well as video transitions and previews. The post Ten Useful Image and Video Transformations appeared first on Codrops

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