CSS Animation Direction – Reverse, Alternate and Reverse-Alternate .box { animation: pulsate_background 8s infinite; width:50px; height: 50px; margin-bottom:10px; } .reverse { animation-direction: reverse; } .alternate { animation-direction: alternate; } .alternate-reverse { animation-direction: alternate-reverse; } @keyframes pulsate_background { 0% { background-color:…
CSS Background – Pulsating background using keyframes. body { animation: pulsate_background 8s infinite; } @keyframes pulsate_background { 0% { background-color: #b7b937; } 25% { background-color: #3a5a27; } 50% { background-color: #42a5b3; } 75% { background-color: #682d4b; } 100% { background-color:…
Repeat a CSS Animation with just CSS. body { background-color: bisque; } .box { width: 100px; height: 100px; border-radius:30px; background-color: #4158D0; background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); animation: anime 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite alternate; margin-bottom:20px;…
Repeat a CSS Animation with just CSS. .animate { animation-duration: 3s; animation-name: slidein; animation-iteration-count: infinite; } .circle { height: 30px; width: 30px; background-color: red; border-radius: 50%; display: inline-block; } @keyframes slidein { from { margin-left: 100%; width: 300%; } to…
Create a CSS Animation with just CSS. p { animation-duration: 3s; animation-name: slidein; } @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } My slide in text See the Pen Untitled…
.background { background-image: url(‘back.jpg’); background-size: cover; background-repeat: no-repeat; } See the Pen Untitled by Devtutorials4u (@devtutorial4u) on CodePen.
Let’s create our new React JS app. You’ll need NPM and Node JS installed on your system, please check out this tutorial first. Once your all set, Open your command prompt (start > type CMD). Next we’ll create our react app using…
Python Dictionaries are similar to key and value arrays, in that you specify the key name along with a value. person = {‘Name’: ‘Katie’, ’email’: ‘katie@myemailaddress.com’, ‘Age’: ’25’}; print “person[‘Name’]: “, person[‘Name’]; print “person[‘Age’]: “, person[‘Age’]; print “person[‘Email’]: “, person[‘Email’];
Creating a list in Python is much like creating an array in PHP or C++. To print a list you can simply access the number of the ID just like a dimensional array. Or specify two arguments x:x. In the…
Datetime module from the python standard library. #Importing the string module import time #lets get the UNIXTIMESTAMP or seconds from epoch which is 1/1/1970 00:00:00 import time time.time() #Days since epoch time.time()/(60*60*24) #3 ways to print the current date in…