Posts

Showing posts from 2020

Blog Post Cards

Image
Beautiful Blog Post Cards Now-a-day, Peoples are creating blogs for their part time earning and their creativity in their words. Blog is not just a collection of words, it must be look beautiful , contain animations and creativity.  Here is a beautiful way to show your latest post in a card form that create your blog more beautiful. Try it in your blog, it is amazing.  Card One In conclusion, the Croatia has a firm stance with Syrian refugees. The Croatia has also taken action to support them. The Croatia is convinced that these solution will be beneficial for them. As such, Croatia looks forward to offering its support, in whatever form possible. Card Two In conclusion, the Croatia has a firm stance with Syrian refugees. The Croatia has also taken action to support them. The Croatia is convinced that these s...

3D Card Hover Effect

Image
Amazing 3D Card Hover Effect With Only HTML and CSS A commonly seen design pattern is to have a card container with other cards underneath it, resulting in a multi-layer stacking effect. Then, during the hover state, the cards smoothly disappear or change their default position. In this short tutorial, we’ll learn a simple CSS technique for creating such an effect. As usual, let’s have a first look at our demo (scroll through to see all the examples): Post Title1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis mi interdum, faucibus leo sed, bibendum quam. Quisque vulputate sit amet leo non efficitur. Donec vel consectetur sapien, vel congue felis. Post T...

Card Based Web Designs

Image
C ard layout is an integral part of material design. The separation is often achieved by using shadows, which gives the illusion of depth, or a slight color difference. It is a popular choice for news websites, magazine sites and blogs, all of which are presenting the user with ‘snapshots’ of stories that they may then choose to click on to read more. It is also popular for portfolios as it allows a lot of different content to be presented simultaneously, but clearly. Card layouts came to the forefront of web design when web giants Facebook and Twitter each adopted card-driven interfaces for their desktop and mobile websites. Both took full advantage of container-style design to group together information despite a nearly endless stream of activity. The best approach to understanding cards is to think of each as a singular thought. Even though they contain different images, texts, buttons, links, and other interface elements, every individual card suggests only one primary a...