An experiment with galleries design and CSS properties. Made using VUEJS and CSS.
A collection of pure CSS3 galleries. Made using VueJS and CSS, the galleries in this project are:
All the galleries in this project can be coppied, but the copyright notice in all the files must be maintained, as states the LICENSE. All images provided by Unsplash. Check out pictures of the project:
If you don’t want to download the project, you can access the files through GitHub and copy the css inside the style tag. The html is inside the tag. Just remove the v-for and the :key attributes from the inner tag of the gallery wrapper and copy that tag many times. Like so:
If you want to download the entire project. Follow the following steps. After downloading the project, you can go into a console and cd the main project folder. Then, you have to install the dependencies: And, then run like so: Creator: Eduardo Migueis Distributed under the APACHE 2.0 LICENSE. See <div class="grid-wrapper">
<div class="grid">
<div class="block">
<div class="image-mask">
<img
src="https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=708&q=80"
alt=""
/>
</div>
<p class="description">Beautiful Image</p>
</div>
<div class="block">
<div class="image-mask">
<img
src="https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=708&q=80"
alt=""
/>
</div>
<p class="description">Beautiful Image</p>
</div>
...
</div>
</div>
cd photo-galleries
npm install
npm run dev
Meta
LICENSE for more informaton.