Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
0
votes1
answer103
viewsLight and delete background content with Animation
I wanted to do an effect with the Animation or Transition CSS3 that when the red square passes, the background appears (the yellow background with the texts) and then erases immediately after the…
-
0
votes1
answer353
viewsRemove "x" from Input type time
How do I remove this xis and scroll bar from input time? I want the field to be clear, only by the hour. Remembering that this "xis and this scroll bar" are already input time standards…
css3asked 5 years, 4 months ago Caio Santos 15 -
0
votes1
answer35
views@font-face is not working in Chrome
Recently a customer uploaded a website and the font that was set in the font-face stopped working. In test environment, it worked normally (the site was hosted on a cloud site, but in a Ubdomain).…
-
0
votes1
answer357
views -
0
votes1
answer57
views -
0
votes2
answers1044
viewsFormatting of bootstrap 4 carousel indicators
By default, bootstrap carousel indicators are narrow as lines, like to know how to leave polka dots in place of originals.…
-
0
votes1
answer656
viewsUse label instead of href
I have the following css * { margin: 0; padding: 0; } ul { display: block; list-style: none; border: rgb(0,0,0) 1px solid; } ul li { display: inline-block; width: 50px; height: 50px; text-align:…
-
0
votes2
answers1526
viewsPlace item side by side with border round CSS
I am developing a web application ,and would like my icons i class="fa fa-user" and i class="fa fa-shopping-cart" stood side by side and wanted to be a circle around each one but I’m not getting.…
-
0
votes2
answers40
viewsRestore UL size when leaving focus!
I have the code down below: $("ul#menu > li").find("label").hover ( function(e) { e.stopPropagation(); let ul = $(this).parent().find("ul"); ul.css('display', e.type == "mouseenter" ? 'flex' :…
-
0
votes1
answer554
viewsGet the href link on href itself
I have the code below <?php $paginaCorrente = parse_url($_SERVER['REQUEST_URI'], PHP_URL_QUERY); ?> <ul class="menu"> <li><a href="?l1" <?php if ($paginaCorrente=="l1") echo…
-
0
votes1
answer739
views -
0
votes1
answer44
viewsStyle difference :firefox x Chrome
I have the following CSS ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: rgb(150,150,150); } ::-webkit-input-placeholder:hover,…
-
0
votes1
answer181
viewsPrint every HTML page
I made a simple function to print the content of my site by clicking a button, but when clicking the button (Ctrl+p) the images of the site do not appear, only the content... Only appearing if user…
-
0
votes1
answer111
viewsProblem with CSS not applying in DIV
People wanted to know why the id attribute of the div is not being recognized by the CSS, and the id name of the DIV is right in the CSS. function nome () { var tela =…
-
0
votes0
answers147
viewsChange select arrow when triggering event click
Good, I have the select below: <div class="selectOptions"> <select name="select" id="select"> <option value="1">1</option> <option value="2">2</option> <option…
-
0
votes1
answer146
viewsstylizing a ul that will serve as a select
I’m studying here, more to learn a little even, and I’m trying to develop a select option with a ul starting from the select. The population of ul is already correct. $(".selectOption").on("click",…
-
0
votes2
answers95
viewsBold font CSS Doubt Basica
Hi, I’m trying to paste the font thicker, but I couldn’t get as far as I know the font-Weight code: I would do this. When I use: font-weight: 500; The source becomes normal, more when I use:…
-
0
votes2
answers68
viewsPlacing sub-items in the CSS3 menu
I’m creating a drop'n down menu in CSS3, but I’m not managing to style the third level. The CSS is like this: *{margin: 0; padding:0;} .menu{width: 100%; height: 50px; background-color:#222;…
css3asked 7 years, 1 month ago Webster Moitinho 511 -
0
votes1
answer43
viewsStrange characters in page view
I am trying to replace my Javascript effects with CSS3. However, in the first positions of the page some strange characters are appearing. I’m also using Fontawesome My CSS looks like this:…
css3asked 7 years, 1 month ago Webster Moitinho 511 -
0
votes1
answer65
viewsHow do CSS’s "mix-blend-mode" property work in Internet Explorer and Edge?
I made a gradient layer that goes over some images in my project with the following CSS code: { background: linear-gradient(45deg, rgba(32, 51, 108, 1), rgba(237, 17, 100, 1)); mix-blend-mode:…
-
0
votes1
answer727
viewsBackground image using bootstrap
I have a simple problem, but it’s the first time I’ve come across such a problem. Using the bootstrap on a page, I couldn’t put a background image. The page does not recognize the following command…
-
0
votes1
answer21
viewsRemove the scroll bar or disable
I wonder why the scroll bar still appears while the <nav ul> is appearing, and why it does not stay fixed despite the content of the page? const menuBtn = document.querySelector('.menu-btn');…
-
0
votes2
answers1231
viewsCSS3 Transform Skew (one corner)
It is possible to customize to leave as this image? https://s3.envato.com/files/127249204/screenshots/screenshot%20(114). png I found a solution, but it is not useful for me, because it was not the…
-
0
votes1
answer101
viewsPseudo-elements in CSS3 does not appear in browser
I’m trying to reproduce the circular progress bar effect, as per this tutorial . I’m not able to create the pseudo-elements properly. My CSS looks like this: .circular-progress{ width: 12rem;…
css3asked 7 years, 1 month ago Webster Moitinho 511 -
0
votes2
answers1107
viewsdisplay:None is not being applied
I have the following function: function exibeSelectUl () { $(".selectOptions ul > li").each(function() { alert($.trim($(this).text()) +'==='+ $.trim($(".selectOptions .selecionada").html()));…
-
0
votes1
answer202
viewsI can’t handle the css from the Bootstrap Menu
I’m developing a web application and I put a bootstrap menu but I’m not able to touch his css, I wish he had this look. UPDATE But look at him go HTML <div class="body-wrap" > <div…
-
0
votes1
answer100
viewsProblems with float css property
people were wanting these three elements to date the location and this green button to stand side by side in the center of the screen both on desktop and mobile I need to do this with float more I…
-
0
votes0
answers36
viewsUl options contact facebook
In the facebook, When we go in the option to see the list of contacts we send orders, we have there a button written "Sent Friendship Request". By clicking on this button comes some options in list…
-
0
votes1
answer1195
viewsHow to take the margins from the page? HTML/CSS
I’m new in the business. I’m trying to build a front for my current company. They asked for a prototype. I created a login screen, but the page has some default borders that I can’t take out. I want…
-
0
votes1
answer35
viewsIs there any way to make a CSS code for a specific browser?
Next, I’m putting together a page that at a certain location I use a max-height, property that does not work on IE11. img { max-height: 45px; } To solve this in the IE specifically I can change the…
-
0
votes0
answers22
viewsHow can I make tables like this with html and css?
How to make tables like this in html ? I’m half Noob in front end tried with bootstrap and it didn’t look cool. https://i.stack.Imgur.com/cg18t.png…
-
0
votes1
answer32
viewsTime for transitions to be ready for execution
The problem is that when I assign a transition to an already "painted" element in the DOM, it is not yet ready to perform in the following statement. I will illustrate: Suppose I have the "cheer"…
-
0
votes1
answer957
viewsChange bootstrap menu according to page width
I am developing a web application and put in my application the bootstrap menu would like when the application reaches the maximum width of max-width: 770px the menu is the same as the menu that is…
-
0
votes0
answers78
viewsBatches with fixed sizes and positions in responsive content
Friends, I am in the middle of an academic bias work, and I have the mission to transform this map into virtual and responsive content. For that I already have a structure of Divs self-generated…
-
0
votes1
answer72
viewsGiving Hover one element and changing the other is not working
I looked for all the ways to give hover one element and change another and some of them already knew and had tried but it wasn’t working, so I went looking for others and I tried everything…
-
0
votes1
answer133
viewsCSS misaligned menu items
I am developing a web application and developed a menu with some icons but when decreasing the width of the page the icons are misaligned and this is my menu but by decreasing the page width this…
-
0
votes1
answer25
viewsLeave first item in menu enabled
I’m trying to leave the first link of this vertical menu already activated, IE, it is already sample, showing the panel next to, and only changes when I move the mouse in others, I’m trying more I…
-
0
votes0
answers12
viewsDoes viewport influence the use of the css touch-action attribute?
I’d like to use the pincer css (touch-action) event in a container, but I don’t know exactly why it’s not working in my container: css: .container { position:relative; top:0; left:0; z-index: 15;…
-
0
votes2
answers969
views -
0
votes1
answer149
viewsOpacity does not work
I have the following code HTML <div class="slideShow"> <div class="boxSlide"> <img class="aberturaSelect" src="_imgs/_slideShow/1.png" /> <img class="aberturaSelect"…
css3asked 7 years, 1 month ago Carlos Rocha 1 -
0
votes1
answer13
viewsConfigure the index of the image that will receive the style
I have a group of imagens within a div: <div class="boxSlide"> <img src="_imgs/_slideShow/1.png" /> <img src="_imgs/_slideShow/2.png" /> <img src="_imgs/_slideShow/3.png" />…
-
0
votes1
answer367
viewsBootstrap menu dropdown items does not work
I am developing a web application and I put the bootstrap menu in my application but when clicking on the icon <b class="caret"></b> dropdown-menu items do not appear. Menu by clicking…
-
0
votes2
answers792
viewsProblem in Bootstrap Directory
I’m having a problem where when I try to access Bootstrap directly from the directory folder CSS does not work and only remains a few things, but when I Linko the Bootstrap page it works.…
-
0
votes2
answers943
views -
0
votes2
answers224
viewsRun css when loading Javascript CSS page
I am developing a web application and would like to take the edge to the page loading, but it presents following error. Uncaught TypeError: Cannot set property 'border' of undefined JS…
-
0
votes1
answer22
viewsKeyframes not recognizing command
Olas! I’m having trouble using this Rule because it doesn’t recognize the first line, so it doesn’t perform the animation. I don’t know what else to do, because even if I erase the line, the bottom…
-
0
votes2
answers1165
viewsModal Bootstrap does not work
I’m trying to use the Gentelella template modal, but when I click on the link, the modal is static and I can’t put information or click on the buttons. Follows code: <!DOCTYPE html> <html…
-
0
votes1
answer322
viewsImage in select
I have a language select and I would like to leave flags instead of words, I searched and saw that this is not possible, I would have to redo the select using div and span. My doubt is how I do it.…
-
0
votes1
answer999
viewsLine spacing
I’m using the Materialize Framework on a website, but when I create two lines it gives me this spacing, someone knows how to fix? <!DOCTYPE html> <html lang="en"> <head> <meta…
-
0
votes2
answers245
viewsResponsive does not work right
I put 3 images with links at the beginning of the site, I put to be responsive, but when I lower the screen it gets all messed up. And I need the images to be in the center of the screen, one side…