Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit32d0ff8

Browse files
authored
Merge pull request#256 from sanjanasingh19/main
Tower Of Hanoi using recursion
2 parentscc78656 +c9f3e02 commit32d0ff8

File tree

3 files changed

+364
-0
lines changed

3 files changed

+364
-0
lines changed

‎clock.css‎

Lines changed: 279 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,279 @@
1+
body {font-size:62.5%;margin:1em;background:#232425 }
2+
ul {list-style:none;margin:0;padding:0 }
3+
#watch {font-size:1em;position:relative }
4+
#watch .frame-face {
5+
position:relative;
6+
width:30em;
7+
height:30em;
8+
margin:2em auto;
9+
border-radius:15em;
10+
background:-webkit-linear-gradient(top,#f9f9f9,#666);
11+
background:-moz-linear-gradient(top,#f9f9f9,#666);
12+
background:linear-gradient(to bottom,#f9f9f9,#666);
13+
box-shadow:rgba(0,0,0,.8).5em.5em4em;
14+
}
15+
#watch .frame-face:before {
16+
content:'';
17+
width:29.4em;
18+
height:29.4em;
19+
border-radius:14.7em;
20+
position:absolute;
21+
top:.3em;left:.3em;
22+
background:
23+
-webkit-linear-gradient(135deg,rgba(246,248,249,0)0%,rgba(229,235,238,1)50%,rgba(205,212,217,1)51%,rgba(245,247,249,0)100%),
24+
-webkit-radial-gradient(center, ellipse cover,rgba(246,248,249,1)0%,rgba(229,235,238,1)65%,rgba(205,212,217,1)66%,rgba(245,247,249,1)100%);
25+
background:
26+
-moz-linear-gradient(135deg,rgba(246,248,249,0)0%,rgba(229,235,238,1)50%,rgba(205,212,217,1)51%,rgba(245,247,249,0)100%),
27+
-moz-radial-gradient(center, ellipse cover,rgba(246,248,249,1)0%,rgba(229,235,238,1)65%,rgba(205,212,217,1)66%,rgba(245,247,249,1)100%);
28+
background:
29+
linear-gradient(135deg,rgba(246,248,249,0)0%,rgba(229,235,238,1)50%,rgba(205,212,217,1)51%,rgba(245,247,249,0)100%),
30+
radial-gradient(ellipse at center,rgba(246,248,249,1)0%,rgba(229,235,238,1)65%,rgba(205,212,217,1)66%,rgba(245,247,249,1)100%);
31+
}
32+
#watch .frame-face:after {
33+
content:'';
34+
width:28em;
35+
height:28em;
36+
border-radius:14.2em;
37+
position:absolute;
38+
top:.9em;left:.9em;
39+
box-shadow:insetrgba(0,0,0,.2).2em.2em1em;
40+
border:.1em solidrgba(0,0,0,.2);
41+
background:-webkit-linear-gradient(top,#fff,#ccc);
42+
background:-moz-linear-gradient(top,#fff,#ccc);
43+
background:linear-gradient(to bottom,#fff,#ccc);
44+
}
45+
#watch .minute-marksli {
46+
display:block;
47+
width:.2em;
48+
height:.6em;
49+
background:#929394;
50+
position:absolute;
51+
top:50%;left:50%;
52+
margin:-.4em00-.1em;
53+
}
54+
#watch .minute-marksli:first-child {transform:rotate(6deg)translateY(-12.7em)}
55+
#watch .minute-marksli:nth-child(2) {transform:rotate(12deg)translateY(-12.7em)}
56+
#watch .minute-marksli:nth-child(3) {transform:rotate(18deg)translateY(-12.7em)}
57+
#watch .minute-marksli:nth-child(4) {transform:rotate(24deg)translateY(-12.7em)}
58+
#watch .minute-marksli:nth-child(5) {transform:rotate(36deg)translateY(-12.7em)}
59+
#watch .minute-marksli:nth-child(6) {transform:rotate(42deg)translateY(-12.7em)}
60+
#watch .minute-marksli:nth-child(7) {transform:rotate(48deg)translateY(-12.7em)}
61+
#watch .minute-marksli:nth-child(8) {transform:rotate(54deg)translateY(-12.7em)}
62+
#watch .minute-marksli:nth-child(9) {transform:rotate(66deg)translateY(-12.7em)}
63+
#watch .minute-marksli:nth-child(10) {transform:rotate(72deg)translateY(-12.7em)}
64+
#watch .minute-marksli:nth-child(11) {transform:rotate(78deg)translateY(-12.7em)}
65+
#watch .minute-marksli:nth-child(12) {transform:rotate(84deg)translateY(-12.7em)}
66+
#watch .minute-marksli:nth-child(13) {transform:rotate(96deg)translateY(-12.7em)}
67+
#watch .minute-marksli:nth-child(14) {transform:rotate(102deg)translateY(-12.7em)}
68+
#watch .minute-marksli:nth-child(15) {transform:rotate(108deg)translateY(-12.7em)}
69+
#watch .minute-marksli:nth-child(16) {transform:rotate(114deg)translateY(-12.7em)}
70+
#watch .minute-marksli:nth-child(17) {transform:rotate(126deg)translateY(-12.7em)}
71+
#watch .minute-marksli:nth-child(18) {transform:rotate(132deg)translateY(-12.7em)}
72+
#watch .minute-marksli:nth-child(19) {transform:rotate(138deg)translateY(-12.7em)}
73+
#watch .minute-marksli:nth-child(20) {transform:rotate(144deg)translateY(-12.7em)}
74+
#watch .minute-marksli:nth-child(21) {transform:rotate(156deg)translateY(-12.7em)}
75+
#watch .minute-marksli:nth-child(22) {transform:rotate(162deg)translateY(-12.7em)}
76+
#watch .minute-marksli:nth-child(23) {transform:rotate(168deg)translateY(-12.7em)}
77+
#watch .minute-marksli:nth-child(24) {transform:rotate(174deg)translateY(-12.7em)}
78+
#watch .minute-marksli:nth-child(25) {transform:rotate(186deg)translateY(-12.7em)}
79+
#watch .minute-marksli:nth-child(26) {transform:rotate(192deg)translateY(-12.7em)}
80+
#watch .minute-marksli:nth-child(27) {transform:rotate(198deg)translateY(-12.7em)}
81+
#watch .minute-marksli:nth-child(28) {transform:rotate(204deg)translateY(-12.7em)}
82+
#watch .minute-marksli:nth-child(29) {transform:rotate(216deg)translateY(-12.7em)}
83+
#watch .minute-marksli:nth-child(30) {transform:rotate(222deg)translateY(-12.7em)}
84+
#watch .minute-marksli:nth-child(31) {transform:rotate(228deg)translateY(-12.7em)}
85+
#watch .minute-marksli:nth-child(32) {transform:rotate(234deg)translateY(-12.7em)}
86+
#watch .minute-marksli:nth-child(33) {transform:rotate(246deg)translateY(-12.7em)}
87+
#watch .minute-marksli:nth-child(34) {transform:rotate(252deg)translateY(-12.7em)}
88+
#watch .minute-marksli:nth-child(35) {transform:rotate(258deg)translateY(-12.7em)}
89+
#watch .minute-marksli:nth-child(36) {transform:rotate(264deg)translateY(-12.7em)}
90+
#watch .minute-marksli:nth-child(37) {transform:rotate(276deg)translateY(-12.7em)}
91+
#watch .minute-marksli:nth-child(38) {transform:rotate(282deg)translateY(-12.7em)}
92+
#watch .minute-marksli:nth-child(39) {transform:rotate(288deg)translateY(-12.7em)}
93+
#watch .minute-marksli:nth-child(40) {transform:rotate(294deg)translateY(-12.7em)}
94+
#watch .minute-marksli:nth-child(41) {transform:rotate(306deg)translateY(-12.7em)}
95+
#watch .minute-marksli:nth-child(42) {transform:rotate(312deg)translateY(-12.7em)}
96+
#watch .minute-marksli:nth-child(43) {transform:rotate(318deg)translateY(-12.7em)}
97+
#watch .minute-marksli:nth-child(44) {transform:rotate(324deg)translateY(-12.7em)}
98+
#watch .minute-marksli:nth-child(45) {transform:rotate(336deg)translateY(-12.7em)}
99+
#watch .minute-marksli:nth-child(46) {transform:rotate(342deg)translateY(-12.7em)}
100+
#watch .minute-marksli:nth-child(47) {transform:rotate(348deg)translateY(-12.7em)}
101+
#watch .minute-marksli:nth-child(48) {transform:rotate(354deg)translateY(-12.7em)}
102+
#watch .digits {
103+
width:30em;
104+
height:30em;
105+
border-radius:15em;
106+
position:absolute;
107+
top:0;left:50%;
108+
margin-left:-15em;
109+
}
110+
#watch .digitsli {
111+
font-size:1.6em;
112+
display:block;
113+
width:1.6em;
114+
height:1.6em;
115+
position:absolute;
116+
top:50%;left:50%;
117+
line-height:1.6em;
118+
text-align:center;
119+
margin:-.8em00-.8em;
120+
font-weight:bold;
121+
}
122+
#watch .digitsli:nth-child(1) {transform:translate(3.9em,-6.9em) }
123+
#watch .digitsli:nth-child(2) {transform:translate(6.9em,-4em) }
124+
#watch .digitsli:nth-child(3) {transform:translate(8em,0) }
125+
#watch .digitsli:nth-child(4) {transform:translate(6.8em,4em) }
126+
#watch .digitsli:nth-child(5) {transform:translate(3.9em,6.9em) }
127+
#watch .digitsli:nth-child(6) {transform:translate(0,8em) }
128+
#watch .digitsli:nth-child(7) {transform:translate(-3.9em,6.9em) }
129+
#watch .digitsli:nth-child(8) {transform:translate(-6.8em,4em) }
130+
#watch .digitsli:nth-child(9) {transform:translate(-8em,0) }
131+
#watch .digitsli:nth-child(10) {transform:translate(-6.9em,-4em) }
132+
#watch .digitsli:nth-child(11) {transform:translate(-3.9em,-6.9em) }
133+
#watch .digitsli:nth-child(12) {transform:translate(0,-8em) }
134+
#watch .digits:before {
135+
content:'';
136+
width:1.6em;
137+
height:1.6em;
138+
border-radius:.8em;
139+
position:absolute;
140+
top:50%;left:50%;
141+
margin:-.8em00-.8em;
142+
background:#121314;
143+
}
144+
#watch .digits:after {
145+
content:'';
146+
width:4em;
147+
height:4em;
148+
border-radius:2.2em;
149+
position:absolute;
150+
top:50%;left:50%;
151+
margin:-2.1em00-2.1em;
152+
border:.1em solid#c6c6c6;
153+
background:-webkit-radial-gradient(center, ellipse cover,rgba(200,200,200,0),rgba(190,190,190,1)90%,rgba(130,130,130,1)100%);
154+
background:-moz-radial-gradient(center, ellipse cover,rgba(200,200,200,0),rgba(190,190,190,1)90%,rgba(130,130,130,1)100%);
155+
background:radial-gradient(ellipse at center,rgba(200,200,200,0),rgba(190,190,190,1)90%,rgba(130,130,130,1)100%);
156+
}
157+
@keyframes hours {to {transform:rotate(335deg)} }
158+
#watch .hours-hand {
159+
width:.8em;
160+
height:7em;
161+
border-radius:00.9em.9em;
162+
background:#232425;
163+
position:absolute;
164+
bottom:50%;left:50%;
165+
margin:00-.8em-.4em;
166+
box-shadow:#232425002px;
167+
transform-origin:0.4em6.2em;
168+
transform:rotate(-25deg);
169+
animation:hours43200s linear0s infinite;
170+
}
171+
#watch .hours-hand:before {
172+
content:'';
173+
background:inherit;
174+
width:1.8em;
175+
height:.8em;
176+
border-radius:00.8em.8em;
177+
box-shadow:#232425001px;
178+
position:absolute;
179+
top:-.7em;left:-.5em;
180+
}
181+
#watch .hours-hand:after {
182+
content:'';
183+
width:0;height:0;
184+
border:.9em solid#232425;
185+
border-width:0.9em2.4em.9em;
186+
border-left-color:transparent;
187+
border-right-color:transparent;
188+
position:absolute;
189+
top:-3.1em;left:-.5em;
190+
}
191+
@keyframes minutes {to {transform:rotate(422deg)} }
192+
#watch .minutes-hand {
193+
width:.8em;
194+
height:12.5em;
195+
border-radius:.5em;
196+
background:#343536;
197+
position:absolute;
198+
bottom:50%;left:50%;
199+
margin:00-1.5em-.4em;
200+
box-shadow:#343536002px;
201+
transform-origin:0.4em11em;
202+
transform:rotate(62deg);
203+
animation:minutes3600s linear0s infinite;
204+
}
205+
@keyframes seconds {to {transform:rotate(480deg)} }
206+
#watch .seconds-hand {
207+
width:.2em;
208+
height:14em;
209+
border-radius:.1em.1em00/10em10em00;
210+
background:#c00;
211+
position:absolute;
212+
bottom:50%;left:50%;
213+
margin:00-2em-.1em;
214+
box-shadow:rgba(0,0,0,.8)00.2em;
215+
transform-origin:0.1em12em;
216+
transform:rotate(120deg);
217+
animation:seconds60ssteps(60, end)0s infinite;
218+
}
219+
#watch .seconds-hand:after {
220+
content:'';
221+
width:1.4em;
222+
height:1.4em;
223+
border-radius:.7em;
224+
background:inherit;
225+
position:absolute;
226+
left:-.65em;bottom:1.35em;
227+
}
228+
#watch .seconds-hand:before {
229+
content:'';
230+
width:.8em;
231+
height:3em;
232+
border-radius:.2em.2em.4em.4em/.2em.2em2em2em;
233+
box-shadow:rgba(0,0,0,.8)00.2em;
234+
background:inherit;
235+
position:absolute;
236+
left:-.35em;bottom:-3em;
237+
}
238+
#watch .digital-wrap {
239+
width:9em;
240+
height:3em;
241+
border:.1em solid#222;
242+
border-radius:.2em;
243+
position:absolute;
244+
top:50%;left:50%;
245+
margin:3em00-4.5em;
246+
overflow:hidden;
247+
background:#4c4c4c;
248+
background:-webkit-linear-gradient(top,#4c4c4c0%,#0f0f0f100%);
249+
background:-moz-linear-gradient(top,#4c4c4c0%,#0f0f0f100%);
250+
background:-ms-linear-gradient(top,#4c4c4c0%,#0f0f0f100%);
251+
background:-o-linear-gradient(top,#4c4c4c0%,#0f0f0f100%);
252+
background:linear-gradient(to bottom,#4c4c4c0%,#0f0f0f100%);
253+
}
254+
#watch .digital-wrapul {
255+
float:left;
256+
width:2.85em;
257+
height:3em;
258+
border-right:.1em solid#000;
259+
color:#ddd;
260+
font-family:Consolas, monaco, monospace;
261+
}
262+
#watch .digital-wrapul:last-child {border:none }
263+
#watch .digital-wrapli {
264+
font-size:1.5em;
265+
line-height:2;
266+
letter-spacing:2px;
267+
text-align:center;
268+
position:relative;
269+
left:1px;
270+
}
271+
#watch .digit-minutesli {
272+
animation:dsm3600ssteps(60, end)0s infinite;
273+
}
274+
#watch .digit-secondsli {
275+
animation:dsm60ssteps(60, end)0s infinite;
276+
}
277+
@keyframes dsm {
278+
to {transform:translateY(-120em) }
279+
}

‎clock.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<html>
2+
<head>
3+
<linkrel="stylesheet"href="clock.css">
4+
</head>
5+
<body>
6+
7+
<divid="watch">
8+
<divclass="frame-face"></div>
9+
<ulclass="minute-marks">
10+
<li></li><li></li><li></li><li></li><li></li><li></li>
11+
<li></li><li></li><li></li><li></li><li></li><li></li>
12+
<li></li><li></li><li></li><li></li><li></li><li></li>
13+
<li></li><li></li><li></li><li></li><li></li><li></li>
14+
<li></li><li></li><li></li><li></li><li></li><li></li>
15+
<li></li><li></li><li></li><li></li><li></li><li></li>
16+
<li></li><li></li><li></li><li></li><li></li><li></li>
17+
<li></li><li></li><li></li><li></li><li></li><li></li>
18+
</ul>
19+
<divclass="digital-wrap">
20+
<ulclass="digit-hours">
21+
<li>23</li>
22+
<li>00</li><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li>
23+
<li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li>
24+
<li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li>
25+
<li>18</li><li>19</li><li>20</li><li>21</li><li>22</li>
26+
</ul>
27+
<ulclass="digit-minutes">
28+
<li>10</li><li>11</li>
29+
<li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li>
30+
<li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li>
31+
<li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li>
32+
<li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li>
33+
<li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li>
34+
<li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li>
35+
<li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li>
36+
<li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li>
37+
<li>00</li><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li>
38+
<li>06</li><li>07</li><li>08</li><li>09</li>
39+
</ul>
40+
<ulclass="digit-seconds">
41+
<li>20</li><li>21</li><li>22</li><li>23</li>
42+
<li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li>
43+
<li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li>
44+
<li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li>
45+
<li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li>
46+
<li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li>
47+
<li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li>
48+
<li>00</li><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li>
49+
<li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li>
50+
<li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li>
51+
<li>18</li><li>19</li>
52+
</ul>
53+
</div>
54+
<ulclass="digits">
55+
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
56+
<li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li>
57+
</ul>
58+
<divclass="hours-hand"></div>
59+
<divclass="minutes-hand"></div>
60+
<divclass="seconds-hand"></div>
61+
</div>
62+
63+
</body>
64+
</html>

‎towerOfHanoi.cpp‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
#include<iostream>
2+
usingnamespacestd;
3+
voidtowerOfHanoi(int n,char src,char des,char help){
4+
if(n==0)
5+
return;
6+
if(n==1){
7+
cout<<"Move disk 1 from rod"<<src<<" to rod"<<des<<endl;
8+
return;
9+
}
10+
towerOfHanoi(n-1,src,help,des);
11+
cout<<"Move disk"<<n<<" from rod"<<src<<" to rod"<<des<<endl;
12+
towerOfHanoi(n-1,help,des,src);
13+
}
14+
15+
intmain(){
16+
int n;
17+
cout<<"Enter the no. of disk"<<endl;
18+
cin>>n;
19+
towerOfHanoi(n,'A','B','C');
20+
return0;
21+
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp