Tag: background-image
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.
...
When we talk about templates in WordPress we are normally referring to page template files in the theme. However, there are plugins that use template files to display content, and… Read more
The post WordPress Plugin Development Best Practices: Template Files appeared first on Delicious Brains.
...
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.
...
With speech interfaces becoming more of a thing, it’s worth exploring some of the things we can do with speech interactions. Like, what if we could say something and have that transcribed and pumped out as a downloadable PDF?
Well, …
Converting Speech to PDF with NextJS and ExpressJS originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
...
It’s no secret that MDN rolled out a new design back in March. It’s gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those gems is how card components handle truncated …
Recreating MDN’s Truncated Text Effect originally published on CSS-Tricks. You should get the newsletter.
...
Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and shadow filters… this is not that. It’s an essay …
In Praise of Shadows originally published on CSS-Tricks. You should get the newsletter.
...
In design, reflections are stylized mirror images of objects. Even though they are not as popular as shadows, they have their moments — just think about the first time you explored the different font formats in MS Word or PowerPoint: …
Creating Realistic Reflections With CSS originally published on CSS-Tricks. 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.
...
“Raise the curtains” is what I call an effect where the background goes from dark to light on scroll, and the content on top also goes from light to dark while in a sticky position.
Here’s an example where I …
How to Make a “Raise the Curtains” Effect in CSS originally published on CSS-Tricks, which is part of the DigitalOcean family. 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.
...
