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

Commit 11f8390

Browse files
resolved a merge conflict
2 parents 23fca0f + ff25ff6 commit 11f8390

File tree

3 files changed

+63
-26
lines changed

3 files changed

+63
-26
lines changed

‎public/fav.png

4.48 KB
Loading[フレーム]

‎src/Components/GridLayoutComponent.js

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,14 @@ class GridLayout extends Component {
177177
currRow.push(val);
178178
if(!val.strt && !val.end)
179179
document.getElementById(`node-${row}-${col}`).className = '';
180+
if(val.strt)
181+
{
182+
document.getElementById(`node-${row}-${col}`).className = 'start';
183+
}
184+
else if(val.end)
185+
{
186+
document.getElementById(`node-${row}-${col}`).className = 'end';
187+
}
180188
}
181189
b.push(currRow)
182190
}
@@ -189,6 +197,14 @@ class GridLayout extends Component {
189197
for(let row=0;row<val.length;row++){
190198
for(let col=0;col<val[0].length;col++){
191199
const node = val[row][col];
200+
if(node.strt)
201+
{
202+
document.getElementById(`node-${row}-${col}`).className = 'start';
203+
}
204+
else if(node.end)
205+
{
206+
document.getElementById(`node-${row}-${col}`).className = 'end';
207+
}
192208
if(st)
193209
{
194210
if(!node.iswall && !node.isweight && !node.strt && !node.end){

‎src/css/gridblock.css

Lines changed: 47 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,40 @@
1111
margin: 100px 0px 0px;
1212
}
1313

14+
.start {
15+
position: relative;
16+
background-image: url(http://cdn.onlinewebfonts.com/svg/download_71708.png);
17+
background-position: center;
18+
background-repeat: no-repeat;
19+
background-size: contain;
20+
animation-name: specialNodes;
21+
animation-duration: 2s;
22+
animation-timing-function: ease-out;
23+
animation-delay: 0;
24+
animation-direction: alternate;
25+
animation-iteration-count: 1;
26+
animation-fill-mode: forwards;
27+
animation-play-state: running;
28+
}
29+
30+
/* */
31+
32+
.end {
33+
position: relative;
34+
background-image: url(http://cdn.onlinewebfonts.com/svg/img_208778.png);
35+
background-position: center;
36+
background-repeat: no-repeat;
37+
background-size: contain;
38+
animation-name: specialNodes;
39+
animation-duration: 2s;
40+
animation-timing-function: ease-out;
41+
animation-delay: 0;
42+
animation-direction: alternate;
43+
animation-iteration-count: 1;
44+
animation-fill-mode: forwards;
45+
animation-play-state: running;
46+
}
47+
1448
/* .icon::before{
1549
display: inline-block;
1650
font-style:normal;
@@ -207,32 +241,19 @@ li.nav-item {
207241
padding-top: 6px;
208242
}
209243

210-
.start {
211-
position: relative;
212-
background-image: url(http://cdn.onlinewebfonts.com/svg/download_71708.png);
213-
background-position: center;
214-
background-repeat: no-repeat;
215-
background-size: contain;
216-
animation-duration: 1.5s;
217-
animation-timing-function: ease-out;
218-
animation-direction: alternate;
219-
animation-iteration-count: 1;
220-
animation-fill-mode: forwards;
221-
animation-play-state: running;
222-
}
244+
@keyframes specialNodes {
245+
0% {
246+
transform: scale(0.3);
247+
/*background-color: darkslategrey;*/
248+
}
223249

224-
/* */
250+
50% {
251+
transform: scale(1.2);
252+
/*background-color: darkslategrey;*/
253+
}
225254

226-
.end {
227-
position: relative;
228-
background-image: url(http://cdn.onlinewebfonts.com/svg/img_208778.png);
229-
background-position: center;
230-
background-repeat: no-repeat;
231-
background-size: contain;
232-
animation-duration: 1.5s;
233-
animation-timing-function: ease-out;
234-
animation-direction: alternate;
235-
animation-iteration-count: 1;
236-
animation-fill-mode: forwards;
237-
animation-play-state: running;
255+
100% {
256+
transform: scale(1);
257+
/*background-color: darkslategrey;*/
258+
}
238259
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /