http://renvoye.com/
https://dribbble.com/shots/3537649-Singular-Redesign-Saas-Analytics
https://dribbble.com/julienrenvoye
https://www.instagram.com/theshalabali/
https://medium.com/@julienrenvoye/2017-in-review-194f13459809
https://dribbble.com/kihoo
https://dribbble.com/mooandidesign
wow painting : http://www.webdesignertrends.com/2018/03/rhads-digital-painting/
https://sketchapp.com/elements
https://www.pinterest.com/pin/74309462581185856/
https://www.pinterest.com/pin/35536284540410846/
https://www.downgraf.com/inspiration/colorful-website-designs/
https://dribbble.com/shots/3001163-Impruvmi-Landing-page
http://www.akita.co.uk/computing-history/?epik=0QYmoE_IW3019
https://www.uplabs.com/
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 50%;
height: 5px;
background-color: green;
font-weight: bold;
position: relative;
-webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */
animation: mymove 1s infinite ;
animation-name: example;
}
@keyframes example {
0% {background-color: green; left:0px;}
50% {background-color: yellow; left:200px;}
100% {background-color: green; left:0px;}
}
/* Safari 4.0 - 8.0 */
#div1 {-webkit-animation-timing-function: linear;}
#div2 {-webkit-animation-timing-function: ease;}
#div3 {-webkit-animation-timing-function: ease-in;}
#div4 {-webkit-animation-timing-function: ease-out;}
#div5 {-webkit-animation-timing-function: ease-in-out;}
/* Standard syntax */
#div1 {animation-timing-function: linear; position: absolute; left: 0px; top: 0px; z-index: -1;}
#div2 {animation-timing-function: ease; position: absolute; left: 0px; top: 0px; z-index: -1;}
#div3 {animation-timing-function: ease-in; position: absolute; left: 0px; top: 0px; z-index: -1;}
#div4 {animation-timing-function: ease-out; position: absolute; left: 0px; top: 0px; z-index: -1;}
#div5 {animation-timing-function: ease-in-out; position: absolute; left: 0px; top: 0px; z-index: -1;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
from {left: 0px;}
to {left: 300px;}
}
/* Standard syntax */
@keyframes mymove {
from {left: 0px;}
to {left: 300px;}
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
</body>
</html>
Comments
Post a Comment