Wifeo Creative Code

Css hover zoom scale

#css #hover #scale #transition #transform #color

First article

Difficulty :

Click-To-Tweet box with quote

#social #twitter

First article

Difficulty :

User-friendly infield top aligned form

#form #user #design

First article

Difficulty :

Pure css radio button

#add #animate #animation #button #click #color #confirmation window #css3 #design #flatdesign #form #full css #full css3 #input #material #material design #no image #transition #user

First article

Difficulty :

Onclick password revelator

#password #mousedown #mouseup #jquery #registration

First article

Difficulty :

Multi parameters' accordion

#accordion #animate #jquery #slide

First article

Difficulty :

Amazing design simple lightbox

#slideshow #lightbox #diaporama #slider #click #css #design #flatdesign #hide #hover #html #information #jquery #material design #media #nav #navigation #popup #query #responsive #show #slide #ui #user

First article

Difficulty :

Jquery progress bar

#loading bar #loading #animate #jquery #ui #user

First article

Difficulty :

Pure css hover title

#animation #color #css #css3 #design #flatdesign #form #full css #full css3 #google #hover #html #login #material design #menu #nav #profil #show #social #transition #ui #user

First article

Difficulty :

UI input numeric slider

#slider #input #form #jquery #ui

First article

Difficulty :

Mobile css circle menu

#border #border radius #button #click #color #css #design #flatdesign #jquery #menu #nav #navigation #profil #scale #transition #ui #user

First article

Difficulty :

Responsive div layout

#queries #media #@media query #query #animate #material #responsive #design #nav #pure css #show #social #transition #madia #material design

First article

Difficulty :

ADVENT'S CSS3 #3

#snow #animate #animation #bounce #color #css3 #flatdesign #full css #google #hide #keyframes #low poly #material design #no image #pure css #show #skewX #skewY #transition #ui #user

First article

Difficulty :

ADVENT'S CSS3 animation #2

#animate #animation #bounce #color #css #css3 #flatdesign #full css #google #hide #keyframes #low poly #material design #no image #pure css #show #skewX #skewY #transition #ui #user

First article

Difficulty :

ADVENT'S only CSS3 animation #1

#animate #animation #bounce #color #css #css3 #flatdesign #full css #google #hide #keyframes #low poly #material design #no image #pure css #show #skewX #skewY #transition #ui #user

First article

Difficulty :

PURE CSS PULSE BUTTON

#animate #animation #border #border radius #bounce #button #color #css3 #flatdesign #form #hover #keyframes #loader #login #material design #navigation #profil #scale #transform #transition #ui #user

First article

Difficulty :

PURE CSS INBOX BUTTON HOVER

#inbox #animation #ball #box #button #css #css3 #flatdesign #google #hover #material design #menu #nav #navigation #profil #show #social #transition #ui #user

First article

Difficulty :

JQuery slide form

#slide #jquery #form #ui

First article

Difficulty :

PLAY WITH CSS3 FONT

#background-clip #animate #animation #color #css3 #flatdesign #full css #keyframes #material design #perspective #pure css

First article

Difficulty :

SIMPLE CSS3 NTH-CHILD USABILITY

#nth-child #css3 #facebook #flatdesign #full css3 #material design #navigation #pure css #ui

First article

Difficulty :

CSS3 LOW POLY BUTTON

#skewX #skewY #animation #button #color #css3 #flatdesign #full css3 #hover #keyframes #low poly #menu #nav #navigation #perspective #pure css #rotatey #transform

First article

Difficulty :

Three parts jQuery animate

#accordion #animate #jquery #navigation #hide #show

First article

Difficulty :

CSS3 SIMPLE LOADER

#animation #border #color #css3 #flatdesign #full css3 #hide #keyframes #loader #low poly #no image #pure css #rotatey #transform #transition #ui #user

First article

Difficulty :

MATERIAL DESIGN MENU CSS

#accordion #animation #color #css #flatdesign #google #hide #hover #material design #menu #nav #navigation #perspective #scale #show #transition #ui #user

First article

Difficulty :

MATERIAL DESIGN ALBUM CARD

#accordion #animation #box #button #click #css #flatdesign #google #hide #information #jquery #low poly #material design #menu #nav #navigation #popup #show #slideshow #transition #ui #user

First article

Difficulty :

BUTTON MATERIAL ANIMATION

#material design #animation #bounce #button #click #css #flatdesign #full css #hover #keyframes #nav #navigation #scale #transform #transition #ui #user

First article

Difficulty :

CSS MATERIAL DESIGN BUTTON

#animation #border radius #button #click #color #css3 #flatdesign #full css #google #hover #keyframes #material design #menu #nav #navigation #no image #rotatey #transform #transition #ui #user

First article

Difficulty :

MATERIAL DESIGN MENU MOBILE

#accordion #animation #button #click #css #flatdesign #google #hide #low poly #menu #nav #navigation #profil #responsive #show #slideshow #transition #ui #user

First article

Difficulty :

CSS OVER ANIMATION TEXTE

#low poly #animation #color #css3 #flatdesign #hover #information #keyframes #menu #rotatey #slideshow #transform #transition

First article

Difficulty :

PURE CSS RELOAD MATERIAL DESIGN

#animation #css3 #full css3 #keyframes #material design #transform

First article

Difficulty :

CSS ANIMATION LOCATION

#animation #border radius #css #flatdesign #keyframes #nav #ui #user

First article

Difficulty :

PURE CSS INTRO ANIMATION

#animation #color #css3 #full css3 #hide #keyframes #profil #show #transition #ui #user

First article

Difficulty :

PURE CSS3 3D CUBE

#animation #box #color #css3 #full css #full css3 #keyframes #loader #no image #perspective #pure css #rotatey #transform #transition

First article

Difficulty :

Simple jQuery Slideshow/control

#flatdesign #jquery #slideshow #animate

First article

Difficulty :

SIMPLE CSS SLIDESHOW

#slideshow #animation #box #css #flatdesign #full css #keyframes #show #transition

First article

Difficulty :

#show #hide #box #click #input #jquery #login #subscribe

First article

Difficulty :

PURE CSS3 NEXUS ANIMATION

#animation #bounce #css3 #flatdesign #full css3 #keyframes #no image #pure css #scale #transform #transition #ui

First article

Difficulty :

PURE CSS CLOUD

#css #flatdesign #full css #no image #pure css

First article

Difficulty :

PURE CSS3 ANIMATION

#animation #css3 #full css3 #keyframes #transform

First article

Difficulty :

Horizontal accordion choice with jQuery

#accordion #click #flatdesign #hide #jquery #show #ui

First article

Difficulty :

PURE CSS3 INTRO ANIMATION

#animation #border #border radius #css3 #flatdesign #full css3 #keyframes #profil #scale #transform #user

First article

Difficulty :

CIRCLE PURE CSS LOADER

#animation #border #border radius #css3 #full css #keyframes #loader

First article

Difficulty :

Popup confirmation box with jQuery

#click #jquery #confirmation window #box #popup

First article

Difficulty :

PURE CSS LOADER

#pure css #loader #css #boot nexus #keyframes #animation

First article

Difficulty :

Jquery transform rotate y

#jquery #rotatey #transform #animation #transition #3d #perspective

First article

Difficulty :

CSS hover scale profil

#css #hover #profil #scale #animation #transition

First article

Difficulty :

Css/jquery input design animation

#css #jquery #search #input #flatdesign #animation

First article

Difficulty :

CSS HOVER information

#css #animation #hover #navigation #information #scale

First article

Difficulty :

Parallax scroll effect jquery

#parallax #scroll #jquery

First article

Difficulty :

Hide/show jQuery button

#jquery #hide #show #button #click #flatdesign

First article

Difficulty :

Full css menu

#css #menu #animation #responsive #nav

First article

Difficulty :

Full css ball loader

#full css3 #loader #css #keyframes #animation #ball

First article

Difficulty :

Css hover zoom scale

#css #hover #scale #transition #transform #color

First article

Difficulty :

Full CSS3 3D BUTTON

#css3 #button #3d #hover #animation #full css #perspective

First article

Difficulty :

Full css3 loader

#css3 #loader #full css #keyframes #animation

First article

Difficulty :

CSS hover Add button

#css #full css #add #button #keyframes

First article

Difficulty :

PURE CSS3 3D hover

#css #full css #social #button #keyframes

First article

Difficulty :

CSS hover slide

#css #full css #hover

First article

Difficulty :

3D CSS Twitter button

#css #full css #social #button #twitter #hover

First article

Difficulty :

3D CSS Facebook button

#css #full css #social #button #facebook #hover

First article

Difficulty :

3D CSS Google button

#css #full css #social #button #google #hover

First article

Difficulty :

Play with border and radius

#css #full css #border #border radius #no image

First article

Difficulty :

UI Menu accordion

#ui #menu #css #html #accordion #css3 #transform

#css #pure css #bounce #keyframes #animation #css3 #full css3

Difficulty level :

hard :

medium :

easy :

very easy :

Soigner ses interfaces utilisateur est primordial. Cela passe en partie par l'utilisation de "tricks" et animations CSS/jQuery.

Nous avons choisi de partager sous licence libre creative commons nos astuces et développements de tous les jours afin d'échanger, mais aussi de faciliter la vie des développeurs.
Wifeo Creative Code est un concentré de nos développements quotidiens: servez-vous, utilisez-les et adaptez-les sans aucune restriction. N'hésitez pas à les partager avec vos contacts !