Category: HTML-Questions

Infix to Postfix Converter using JavaScript

var stackarr = [];  var topp = -1;  function push(e) {    topp++;    stackarr[topp] = e;}  function pop() {    if (topp == -1)        return 0;    else {        var popped_ele = stackarr[topp];        topp–;        return popped_ele;    }}  function operator(op) {    if (op == ‘+’ || op == ‘-‘ ||         op == ‘^’ || op == ‘*’ ||         op == ‘/’ || op == ‘(‘ ||         op == ‘)’) {        return true;    }    else        return false;}  function precedency(pre) {    if (pre == […]

Continue Reading

Bottom Half Hidden Text Revealer on Mouse Over in CSS

                                     * {             padding: 0;             margin: 0;             box-sizing: border-box;             overflow: hidden;             background-color: black;         }                    .upper_text,         .pointer {             position: fixed;             top: 40vh;             left: 40vw;             width: 350px;             color: chartreuse;             font-size: 50px;             cursor: all-scroll;         }                    .upper_text {             clip-path: polygon(0% 0%,                  100% 0%, 100% 50%, 0% 50%);         }              […]

Continue Reading

Rotating 3D Image Previewer Cube using CSS

body {     display: flex;     height: 100vh;     justify-content: center;     align-items: center;     background: #1e6f0a; }    .cube {     width: 200px;     height: 200px;     position: relative;     transform-style: preserve-3d;     animation: rotate 10s linear infinite; }    img {     width: 100%;     height: 100%;     object-fit: cover; }    .box {     width: 100%;     height: 100%;     position: absolute;     top: 0;     left: 0;     opacity: 0.9; […]

Continue Reading

Tiling Perspective List Grid Hover Animation using CSS

                                  * {             padding: 0;             margin: 0;             box-sizing: border-box;             background-color: #5b5b5b;         }         ul {             /* to get it in center */             position:fixed;             top:50vh;             left:50vw;             transform: translate(-50%,-50%);             list-style-type:none;             display:grid;             /* Create 3 columns */             grid-template-columns: repeat(3,16vw);             /* Give gap between the rows and columns */             gap:40px 10px;         }         li {             height: 60px; […]

Continue Reading

How to Display the file format of links using CSS ?

How to Display the file format of links using CSS ? In this article, we will explain the approach to display the file formats on a webpage. Many times while browsing, we need to download a document file but in PDF format, however, a problem might occur that multiple links of downloading the file are […]

Continue Reading