+ 18

Quizz time XXI Sololearn Challange

i have write a web code in code playground. it is a short animation using HTML and CSS only. Question : How to make CSS code shorter and still get the same result? no javascript or jquery. just CSS. You can change everything in CSS and HTML but the output must still the same. the shortest code win. Take your time, i'll mark the answer in 24 hour. https://code.sololearn.com/WX40wpDF89Xf/?ref=app

7th May 2017, 3:39 PM
Agus Mei
Agus Mei - avatar
15 Respuestas
+ 9
Here is my attempt to remove the duplicate code and use reusable classes and styles. https://code.sololearn.com/WR7d5iHIt6b0/?ref=app
7th May 2017, 5:46 PM
Ashwani Kumar
Ashwani Kumar - avatar
+ 15
@Nikhil Do you mean the shorthand property?
7th May 2017, 4:25 PM
Dev
Dev - avatar
+ 13
@MR Programmer So far your code is the shortest. i didn't expect it can below 30 line. great job.
7th May 2017, 10:39 PM
Agus Mei
Agus Mei - avatar
+ 12
@Nikhil then modified my code and post here. take your time and make it as shortest as possible.
7th May 2017, 4:11 PM
Agus Mei
Agus Mei - avatar
+ 12
@Ashwani Kumar i like the way you modify keyframes.
8th May 2017, 1:49 PM
Agus Mei
Agus Mei - avatar
+ 10
We can write the animations in one line :- Eg:- animation:textAnimate 6s ease 0.5s; Eg :- animation : imgAnimate 6s ease 4.5s
7th May 2017, 4:07 PM
Nikhil
Nikhil - avatar
+ 6
@MR Programmer Not a problem for me at all, if you still find a better way to do it. I will appreciate it. Even, I am thinking more on the lines of , can it be optimised more ?
7th May 2017, 5:55 PM
Ashwani Kumar
Ashwani Kumar - avatar
+ 5
[Update] Check the updated version of my code with all possible optimizations I can think of. Here, I rest my case 😀
8th May 2017, 2:58 AM
Ashwani Kumar
Ashwani Kumar - avatar
+ 4
I use the concept of Bootstrap multiple classes. now the css code is only 77 lines prev 200+ lines https://code.sololearn.com/WITukkGxN2MF/?ref=app
7th May 2017, 4:52 PM
MR Programmer
MR Programmer - avatar
+ 4
@Ashwani i will not change my code and ready to lose -32 xp . thanks for correcting me . I forget it after coding.
7th May 2017, 5:52 PM
MR Programmer
MR Programmer - avatar
+ 4
I can explain how my css is small. what i remove and why.
7th May 2017, 9:27 PM
MR Programmer
MR Programmer - avatar
+ 3
if i am correct then please comment.
7th May 2017, 4:54 PM
MR Programmer
MR Programmer - avatar
+ 3
@Ashwani is correct I forget it.
7th May 2017, 5:48 PM
MR Programmer
MR Programmer - avatar
+ 3
@Ashwani thanks for giving me one more opportunity here is my code contains. 29 lines in css @Ashwani css line 56 https://code.sololearn.com/WsIznrXPZEaG/?ref=app i am ready to lose don't worry.
7th May 2017, 6:20 PM
MR Programmer
MR Programmer - avatar
+ 3
try my new code ' fractal tree ' https://code.sololearn.com/WK1MP312pKx2/?ref=app
8th May 2017, 2:06 PM
MR Programmer
MR Programmer - avatar