create account

CSS - JS - Dice roller by luts

View this thread on: hive.blog |  peakd.com |  ecency.com
estonia · @luts ·
$0.69
CSS - JS - Dice roller
I came up with an idea to code a dice roller. Since I haven't introduced myself too much to Javascript yet, I googled how to do the random rolling part. I made the cool looking background with linear-gradient property and the dice roller will do its job when you hover over the button.

The roller ended up like this: 
![](https://cdn.steemitimages.com/DQmSgEDgd8fAHgomfAECRFeTVagu63DX79bVvk6ipXAsyGQ/image.png)

I ended up with 
14 lines of HTML
37 lines of CSS
14 lines of JS

Check out the project <a href="https://codepen.io/lutsu/pen/PoovpvL">HERE</a>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 402 others
properties (23)
authorluts
permlinkcss-js-dice-roller
categoryestonia
json_metadata{"tags":["estonia","art","life","busy","steem"],"image":["https://cdn.steemitimages.com/DQmSgEDgd8fAHgomfAECRFeTVagu63DX79bVvk6ipXAsyGQ/image.png"],"links":["https://codepen.io/lutsu/pen/PoovpvL"],"app":"steemit/0.1","format":"markdown"}
created2019-11-30 20:29:42
last_update2019-11-30 20:29:42
depth0
children3
last_payout2019-12-07 20:29:42
cashout_time1969-12-31 23:59:59
total_payout_value0.359 HBD
curator_payout_value0.333 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length556
author_reputation2,389,840,977,380
root_title"CSS - JS - Dice roller"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id92,969,789
net_rshares3,420,192,682,053
author_curate_reward""
vote details (466)
@steemitboard · 
Congratulations @luts! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td><img src="https://steemitimages.com/60x70/http://steemitboard.com/@luts/voted.png?201911302105"></td><td>You received more than 4000 upvotes. Your next target is to reach 5000 upvotes.</td></tr>
</table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@luts) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=luts)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-luts-20191130t220935000z
categoryestonia
json_metadata{"image":["https://steemitboard.com/img/notify.png"]}
created2019-11-30 22:09:36
last_update2019-11-30 22:09:36
depth1
children0
last_payout2019-12-07 22:09:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length829
author_reputation38,975,615,169,260
root_title"CSS - JS - Dice roller"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id92,971,905
net_rshares0
@ubg · 
korras script
properties (22)
authorubg
permlinkq1ti0c
categoryestonia
json_metadata{"app":"steemit/0.1"}
created2019-12-01 05:02:36
last_update2019-12-01 05:02:36
depth1
children1
last_payout2019-12-08 05:02:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length13
author_reputation5,237,585,248,428
root_title"CSS - JS - Dice roller"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id92,986,980
net_rshares0
@luts ·
$0.04
peaks veel midagi kokku keevitama
👍  
properties (23)
authorluts
permlinkq1tse7
categoryestonia
json_metadata{"app":"steemit/0.1"}
created2019-12-01 08:46:00
last_update2019-12-01 08:46:00
depth2
children0
last_payout2019-12-08 08:46:00
cashout_time1969-12-31 23:59:59
total_payout_value0.039 HBD
curator_payout_value0.001 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length33
author_reputation2,389,840,977,380
root_title"CSS - JS - Dice roller"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id92,995,107
net_rshares464,165,183,305
author_curate_reward""
vote details (1)
Help/Feedback