Hi,
I know I’ve probably come to the wrong place to ask this question, so banish me if that’s the case!
Basically I’m a designer who has just discovered Elementor, so it’s now opened up the possibility of bringing my own web design to life.
Everything has been going fine, however I’m always prone to seeing how far I can push things before the learning curve gets too steep. In my case, coding is something that just boggles my brain, I’m not sure I will ever have a full grasp of it.
Saying all this, I do understand the power of code and how it’s applied.
My question is… Can someone who doesn’t really understand code just copy and paste it in? I’ve attempted this and failed.
To give a specific example. I found this site http://animation.kaustubhmenon.com/ It gives visual examples so that I know which piece of code relates to what.
I like the simple fade in.
I jump over to Elementor to test it out.
This is my code
selector @-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.u–fadeIn {
-webkit-animation: fadeIn 1s ease-in;
-moz-animation: fadeIn 1s ease-in;
-o-animation: fadeIn 1s ease-in;
animation: fadeIn 1s ease-in; }
I can one error, Expected LBRACE at line 1, col 10.
My understanding of this is, I need to insert a { at line 1. I have done this but it throws up more errors.
Is my approach completely unrealistic?