I’m currently working on making a website responsive and I’m working on the navigation menu. I have a preheader which shows some social media icons and other stuff. Using a media query, I display a menu button on smaller screens and hide the full navigation menu. When the button is clicked, the na…
Tag: css
CSS convert gradient to the canvas version
I have a gradient that I need to apply to a canvas. I need help to convert this to the canvas API; I don’t have a clue how to do it. maybe there is an online tool? Answer Here is how you can convert the CSS gradient to canvas version …
Trigger CSS Animations in JavaScript
I don’t know how to use JQuery, so I need a method which could trigger an animation using JavaScript only. I need to call/trigger CSS Animation when the user scrolls the page. Answer The simplest method to trigger CSS animations is by adding or removing a class – how to do this with pure Javascrip…
Why Bootstrap 3 Collapse is not synchronized with checkbox state on double click?
According to this question: “Twitter Bootstrap 3 collapse when checkbox checked” i’ve tried this solution, because it is simple and clean. http://jsfiddle.net/L0h3s7uf/1/ But with this “solution” you have a problem. If you click the checkbox too fast, the area is collapsed but th…
HTML/CSS – Add a small triangle or arrow to the bottom of an active Tab in my navigation
I need help with something I’m working on: tabs to show different content. It’s simple HTML/CSS with some javascript to help with the tab selection. I have created a simple tab system and I’m able to cycle through all the tabs and show different content. And I’m able to style the activ…
CSS Vertical Button with vertical text
I need vertical button with written vertical text inside. It should not be turned to 90 degree. I need to add some hover effect to right side if mouse on it and give white space between words. I have tried white-space and word-space but it did not help. Example: Answer I think this is what you want. The butto…
Having trouble making an image disappear when using onmouseover event on a button
I’m having trouble making an image disappear while using an onmouseover event not on it, but on a button element. I need it to appear while onmouseover and disappear while not onmouseover. Heres my code: This is the javascript to make it appear on mouseover, and the html is The onmouseout for all of the…
Show read more link if the text exceeds a certain length
well I am new here and I don’t know much about JavaScript. I saw similar post like this here: How do I add a read more link at the end of a paragraph? but I need some other things which is not available there. I add contents in my gaming site using these BB codes: [url=url to main page of
Bootstrap 4 File Input
I am struggling with bootstrap 4 file browser. If I use custom-file-control I will see Choose file value all the time. https://v4-alpha.getbootstrap.com/components/forms/#file-browser I would like to change the value of choose file after the file has been chosen. This value is actually hidden in css .custom-f…
How can I change background color of web page from drop down using javascript need this
I need help regarding JavaScript function code where I want to change the background-color of a web page from drop down list. When someone select any color from the list then it responds as same and change the background color of web page. I used the technique in JS is DOM. How we can done this. Here is my co…