Giter VIP home page Giter VIP logo

Codrops's Projects

gridfloweffect icon gridfloweffect

A loading and navigation animation where thumbnails flow into a grid.

gridgallery icon gridgallery

A responsive grid gallery based on the [Google Chromebook getting started](https://gweb-gettingstartedguide.appspot.com/) guide gallery. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.

gridlayoutanimation icon gridlayoutanimation

A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.

gridlayoutmotion icon gridlayoutmotion

A retro-style grid layout with a playful motion hover effect on the grid items.

gridlayoutslideshow icon gridlayoutslideshow

A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.

gridmenu icon gridmenu

A CSS Grid powered menu with a box look and a sliding animation.

gridtoslider icon gridtoslider

Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.

gridviewswitch icon gridviewswitch

A proof-of-concept for a view switch animation from grid to slideshow.

gridzoom icon gridzoom

A simple image grid layout where a small grid image zooms to become larger while a content view opens.

horizontalslideoutmenu icon horizontalslideoutmenu

A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.

hoverpreviewminimap icon hoverpreviewminimap

An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.

iconhovereffects icon iconhovereffects

A set of simple round icon hover effects with CSS transitions and animations for your inspiration.

imagegrideffects icon imagegrideffects

Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view.

imagepixelloading icon imagepixelloading

A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website

imagerevealhover icon imagerevealhover

A set of link hover effects that reveal a thumbnail in different creative ways.

imagestackgrid icon imagestackgrid

A simple intro animation where an image stack moves to become a grid.

imagetilesmenu icon imagetilesmenu

An animation featuring image tiles that transform into a full image when a menu item is clicked.

imagetilteffect icon imagetilteffect

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

imagetocontent icon imagetocontent

A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.

imagetraileffects icon imagetraileffects

A set of effects for mouse-following image trails that show a random series of images.

infinitetubes icon infinitetubes

A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.