Tag: background-position

We often think of background images as texture or something that provides contrast for legible content — in other words, not really content. If it was content, you’d probably reach for an <img> anyway, accessibility and whatnot. But there are … Moving Backgrounds originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...

This is a continuation of my last article about “Rendering External API Data in WordPress Blocks on the Front End”. In that last one, we learned how to take an external API and integrate it with a block that … Rendering External API Data in WordPress Blocks on the Back End originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...

As the title says, we are going to decorate images! There’s a bunch of other articles out there that talk about this, but what we’re covering here is quite a bit different because it’s more of a challenge. The challenge? … Fancy Image Decorations: Single Element Magic originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...

There’ve been some new tutorials popping here on CSS-Tricks for working with WordPress blocks. One of them is an introduction to WordPress block development and it’s a good place to learn what blocks are and to register them in WordPress … Rendering External API Data in WordPress Blocks on the Front End originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...

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 published on CSS-Tricks. You should get the newsletter. ...

Creating CSS link hover effects can add a bit of flair to an otherwise bland webpage. If you’ve ever found yourself stumped trying to make a slick hover effect, then I have six CSS effects for you to take and … 6 Creative Ideas for CSS Link Hover Effects originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...

As a person learning web development, you should always be looking things up that you don’t know. Because, let’s face it – in today’s world, it’s silly to know every single feature of a coding language. Instead, we as developers look things up! Today, I’m going to show you six of the best web development reference sites for those moments when you can’t quite remember how that specific thing works. ...

Background images can do more than you think – learn about cool ways to manipulate background images using CSS… ...