From the course: CSS: Images

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

45° grid gallery

45° grid gallery

- [Illustrator] The whole purpose of this course is to show you there are a lot of things you can do with images using Pure CSS. And that opens the door for using the browser as a true design interface where you design the content you want to display in the environment where it's going to display and you can use CSS to make all this happen. So in this chapter I want to showcase some different examples of how we can combine the different techniques I've been covering in this course to create some really interesting things happening in the browser. And also at the end, we'll address some caveats and gotchas that you need to be aware of when you're using CSS to manipulate images. The first example is this one this 45 degree angled grid gallery. Now this is done using Pure CSS. I'm using CSS grid and filters and clipping paths and everything to make it all work. So let's break this down and see what happens. The whole thing…

Contents