Attractive Sunflower by HTML & CSS
HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
</head>
<body>
<canvas id="c"></canvas>
<script>
var x=10,y=10;
var rad=0;
c.height=innerHeight
c.width=innerWidth
var h=0;
const phi=1.61803398875;
var ctx=c.getContext("2d")
function pk(){
ctx.strokeStyle="rgba(255,0,0,0.6)"
h+=0.1
var rand=Math.random()*100
rad+=phi;
x=c.width/2+Math.sin(rad)*h;
y=c.height/2+Math.cos(rad)*h;
ctx.beginPath();
ctx.arc(x,y,5,0,Math.PI*2);
ctx.stroke()
x++;y++
}
setInterval(pk,10)
</script>
</body>
</html>
CSS Code
body {
background:#c46363;
}
OUTPUT
Posts
50 Comments
Very nice
ReplyDeletenicely done
ReplyDeletewowww nice flower
ReplyDeletemarvelous
ReplyDeleteclassy
ReplyDeleteBrilliant
ReplyDeleteinteresting
ReplyDeletewonderful
ReplyDeletebeauteous
ReplyDeletebeauteous,
ReplyDeletedelightful
ReplyDeletedelightful, delightful, delightful,
ReplyDeleteexclusive
ReplyDeletebest of best
ReplyDeletemind blowing
ReplyDeletegrand,
ReplyDeleteexcellent
ReplyDeleteexcellent
ReplyDeletenice flowers 💐 💐 💐 💐 💐 💐 💐 💐 💐 💐 programming
ReplyDelete💐 💐 💐 💐 💐 💐 attractive
ReplyDeleteclassic 💐 💐 💐 💐 💐 💐 💐 💐
ReplyDeleteperfect 👌 💐 💐 💐 💐 💐
ReplyDeleteoutstanding
ReplyDeleteOutstanding 💐 💐 💐 💐 💐 💐 💐 Coding
ReplyDeletegrand 💐 💐 💐 💐 💐 💐 💐
ReplyDeletefabulous
ReplyDeletefantastic job with html
ReplyDeletefancy flower 🌸 🌸 🌸 🌸 🌸 🌸 🌸
ReplyDeletereally good flower 🌸 🌸 🌸 🌸 🌸 🌸 🌸 🌸 🌸 🌸
ReplyDeleteclassy flower 🌸 🌸 🌸 🌸 🌸 🌸 🌸 🌸
ReplyDeleteclassy flower 🌸 🌸 🌸 🌸 🌸 🌸 🌸
ReplyDeletesuper
ReplyDeleteWows
ReplyDelete🌻🌻W🌻🌻o🌻🌻n🌻🌻d🌻🌻e🌻🌻r🌻🌻f🌻🌻u🌻🌻l
ReplyDelete🌻🌻F🌻🌻l🌻🌻o🌻🌻w🌻🌻e🌻🌻r
Attractive
ReplyDeleteAmazing🤩🤩🤩🤩
ReplyDelete👌 👌 👌 nice
ReplyDelete👌 👌 👌 👌 👌 mind blowing
ReplyDelete👌 👌 👌 👌 fabulous
ReplyDeleteOsm 😘😘😘😘😘
ReplyDeleteGood
ReplyDeleteAmazing 😘😘😘😘😘😘
ReplyDelete😘😘😘😘😘😘
ReplyDeleteWonderful work
ReplyDeletesuperior
ReplyDeleteVery good😘😘
ReplyDeleteNice flower 🌷🌷🌷🌷🌷
ReplyDelete🌻🌻🌻🌻🌻🌻
wow excellent
ReplyDeleteexcellent
ReplyDeletenice flower 🌸
ReplyDelete