CSS Transform and Pseudo classes

Using :after, I'm trying to create brutalist pseudo 3D button. But the :after is showing above the intended element. What I'm Trying to accomplish What I'm getting Edit: Obviously the transform is getting in the way, research has yet to yield a wh...
more »

2017-11-09 22:11 (2) Answers

Show tooltip when mouse is near a line in D3

So I have a line chart in D3js. I've added svg circle on the points. If user hover over that circle they see a tooltip. https://jsfiddle.net/jhynag08/38/ But I want them to see tooltip when they are close to the circle(maybe in 5-10px range). I k...
more »

2017-11-09 15:11 (1) Answers

block radio button

I want to make block for radio This is my code. <label> Rating <input type="radio">great <input type="radio">wonderful </label> But it does not work correctly. ...
more »

2017-11-09 07:11 (5) Answers

CSS Animation Delay and Keyframe

I have a problem with animation delay on CSS Animation. I have 3 images and I want to make it slideshow. The illustrations is, image 1 to image 2 takes 15 seconds to change and image 2 to image 3 takes 15 seconds to change and image 3 back to image 1...
more »

2017-11-09 05:11 (1) Answers

Two functions on button clicks

function myFunction() { document.getElementById("tt").style.marginTop = "50px"; document.getElementById("tt").style.marginTop = "80px"; } <div class="switcher" style="margin-top: 30px;background-color: #430000;width: 300px;height: 30...
more »

2017-11-09 01:11 (4) Answers

Div disappears during CSS transition

I have two divs beside one another. With the click of a button, the div on the left collapses to the left leaving only the div on the right. Since the div on the right is width:100%;, it fills the space left behind by the collapsed left div. The on...
more »

2017-11-09 00:11 (0) Answers

Font looks weird on iPhone web

I am loading the Open Sans Google font using: <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> It loads and looks greate on my PC, however, when I open the website on my iPhone using Safari the font looks very...
more »

2017-11-08 13:11 (0) Answers

CSS - Why 3D Carousel is blurry?

I'm making a 3D Carousel. Here is my code : 3D Carousel. #wrapper{ width:420px; height:279px; position:relative; margin:40px auto 40px auto; -webkit-perspective: 800px; perspective: 800px; } .carrousel{ position:absolute; width:100...
more »

2017-11-08 10:11 (0) Answers

CSS Fade in background image

The background of my page has a default background color, and a picture. Here is my code : HTML <body background="https://www.switchbacktravel.com/sites/default/files/images/articles/Hiking%20photo.jpg" class="default-background" style="backgro...
more »

2017-11-08 05:11 (3) Answers

XAML equivalent to object-position from CSS

I'm working on a WPF app which displays a list of items and each one has a small image associated with it. From the API I receive the image url and a focus point represented by two numbers between 0-1. The web app just multiplies those numbers with 1...
more »

2017-11-07 14:11 (1) Answers

plotting sine in html

I need to plot the sine function using html, css and javascript and be able to dynamically change its amplitude by sliding slider. So I made a slider that gives me a value and I plotted basic sine function. My biggest struggle is in replacing no. 5 i...
more »

2017-11-07 13:11 (1) Answers

Aligning elements with bootstrap

I would like the markup below to display the "Format Example" string aligned with the textual labels of the following input fields as shown in the screenshot below. It's currently acting like it's been right-justified. Since I'm using AngularJS with ...
more »

2017-11-06 20:11 (1) Answers

javascript Welcome modal only disappears partially

I have a modal window opening when the page loads. It opens well, however, when I close it, it does not disappear completely, as the grey body-background stays, plus the link in the back become disabled. I must have got something wrong in the code....
more »

2017-11-06 13:11 (3) Answers

Bootstrap - always hamburger menu

I have a problem with Bootstrap. When I check my code for example in codepen, the navbar is responsive, changes from visible links to hamburger menu, but if I check it in my document, it is always hamburger menu, no matter if it's big or small resolu...
more »

2017-11-06 12:11 (1) Answers

Trouble Aligning Buttons Within a div

I'm making a simple calculator page but I'm having a lot of trouble aligning the buttons the way I would like. I have all of my buttons inside of a div which is already the width I want each row of buttons to be. My problem is that no matter how I tr...
more »

2017-11-05 17:11 (3) Answers

Diagonal Side div color css js

i have 2 div like this <div class="container"> <div class="one"></div> <div class="two"></div> </div> CSS : .container { width:100%; } .one , .two { width:50%; display:inline-block; } ...
more »

2017-11-05 17:11 (3) Answers