Can I make a daisy flower using buttons only? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

Can I make a daisy flower using buttons only?

24th Jul 2018, 5:15 PM
B.D
B.D - avatar
10 Answers
+ 2
You could use svg path tags to form all the flower parts, and use event listener to trigger button actions upon touching the petals. Try to touch the patels of this daisy flower.. https://code.sololearn.com/WJ0EQ96Id9nK/?ref=app
25th Jul 2018, 3:29 PM
Calviղ
Calviղ - avatar
+ 1
you use "position", then you can use "left", "right", "top" and "bottom" to move it around. Look at it on the css leasson
25th Jul 2018, 3:23 PM
Luiz Felipe Funaki Bigarelli
Luiz Felipe Funaki Bigarelli - avatar
0
I didnt really got what you meant, but if im right, you can use a button, and put the background of the button to a image of a daisy, or you could put a image of a daisy using <img> and use the "onclick" attribute to use it as a button. I hope i got to help you
24th Jul 2018, 7:24 PM
Luiz Felipe Funaki Bigarelli
Luiz Felipe Funaki Bigarelli - avatar
0
I wanted to draw the flower using buttons
25th Jul 2018, 2:40 PM
B.D
B.D - avatar
0
oh ok, so, you can use alot of buttons, put a unique id in each one and use css to model it, but that will take a while
25th Jul 2018, 2:43 PM
Luiz Felipe Funaki Bigarelli
Luiz Felipe Funaki Bigarelli - avatar
0
how the petals like long semi circles?
25th Jul 2018, 2:44 PM
B.D
B.D - avatar
0
you can either make them squared or use the rounded border to make them rounded
25th Jul 2018, 2:48 PM
Luiz Felipe Funaki Bigarelli
Luiz Felipe Funaki Bigarelli - avatar
0
not semi circles?
25th Jul 2018, 2:49 PM
B.D
B.D - avatar
0
as i said, you can use the rounded edge to make it a semi-circle, but i dont think you can make a perfect semi-circle
25th Jul 2018, 2:51 PM
Luiz Felipe Funaki Bigarelli
Luiz Felipe Funaki Bigarelli - avatar
0
how can I adjust the alignment?
25th Jul 2018, 3:21 PM
B.D
B.D - avatar