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
-
1
votes1
answer93
viewsTransparent lines with CSS
You can do something like this with CSS only? Thanks…
-
1
votes1
answer637
viewsHow to change Modal content?
.carousel-item { height: 100vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;…
-
1
votes1
answer42
viewsAnimations with css
Hello, I have a question regarding animations with css, I have a page made in HTML for an Internet of Things system, that when the user clicks on the drink the system sends a request to a server…
-
1
votes1
answer1293
viewsHide mobile menu after clicking
I’m having trouble hiding the menu in responsive mobile mode. There is something wrong, when I click on the link the menu disappears, but when I click to open again is giving a bug, it opens and…
-
1
votes2
answers210
viewsSASS - Colour group for re-use
I’m starting at SASS, and I’m having a little problem that I’m having trouble solving. I have a group of colors, which will be used in several sessions of my site. Basically, I have a structure like…
-
1
votes1
answer63
viewsHow to make a progress bar that goes from 0 to 70 and doesn’t come back from the beginning?
I need a bar that goes from 0 to 70% and that doesn’t go back to 0 after reaching 70, you can’t start the cycle again, you have to stop when you reach the maximum number.~ @keyframes site { from {…
-
1
votes1
answer263
viewscss Glow Effect with CSS
On this website https://nestpowerproject.withgoogle.com/ there is a very interesting Glow effect; do not know if it will be done with CSS Can anyone give me any tips on how to do that? Grateful…
-
1
votes1
answer1405
viewsPlace a button next to the input
Segue jsfiddle: https://jsfiddle.net/oq0zcn94/8/ The first code is correct, but in the second code I put a button on the side and the input became smaller. Because this happens ? I want to leave the…
-
1
votes1
answer106
viewsWhy does column-Count not work in firefox?
why the attribute css column-count does not work in the firefox Mozilla follows below as this getting in the google chrome and in the mozilla firefox Mozilla firefox Google chrome how do I make…
-
1
votes0
answers333
viewsRotate CSS3 or Javascript image
How do I know I have to rotate an image to display it on a page? I can check this in css or it has to be in javascript? It is that on Dashboard of a site that I developed the image appears upside…
-
1
votes2
answers62
viewsUse of Pseudo Classes in CSS
I know that pseudo classes are: :link, :visited, :hover and :active, but I would like to know if it has how to use the pseudo classes through class, id or inline. Sometimes I don’t want to use one…
-
1
votes1
answer127
viewsUse of Pseudo-Class :link
I’m using Pseudo Class for links, I understand the concept and use of a:hover a:active and a:visited , but I can’t understand the a:link. What is the use of it? If possible I would like a practical…
-
1
votes1
answer610
viewsAligning images within Bootstrap Panel
I got the following Panel: <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Header</h3> </div> <div class="panel-body">…
-
1
votes1
answer691
viewsHow to change the position of Owl-Nav in Owl.Carousel
I’m using Owl.Carousel and I’m breaking my head with the positioning of the NAV arrows, I need that instead of being below the articles it stay above.…
-
1
votes1
answer141
viewsNAV tag does not occupy specified width
The tag NAV does not occupy the specified 1200px width, getting smaller than required. And tag NAV of the next menu occupies the line not occupied by NAV superior. Take the example: As spoken the…
-
1
votes1
answer1305
viewsHow do I set up @media for mobile?
I have a cell phone Moto G and I can’t define the @media to work for him. Reducing the width of the browser works perfectly, but the mobile device does not adjust according to the @media. Below I…
-
1
votes0
answers46
viewsHow to put the menu button on the left in the mobile view?
I’m editing a project header and would like to put the header button on the left in the mobile view, but I can’t. What should I do? <nav class="[ navbar navbar-fixed-top ][ navbar-bootsnipp…
-
1
votes1
answer221
viewsPut Outline into HTML5 USEMAP
I want to put edge or Outline on the image map in HTML. I tried to use: map area{outline: 1} But it didn’t work!
-
1
votes3
answers3465
viewsHide text when it does not fit inside the div
Well I have a div with the following class c-txt, note that when the text does not fit inside it, the text is summarized with three points (...). I need to do this with the div txt to avoid breaking…
-
1
votes1
answer367
viewsColumn break in table
I need to create an item table that comes from an XSLT foreach to HTML, every four lines break into a new column, follows an example: example of code that does not break by column <table>…
-
1
votes2
answers11465
viewsInsert Image via CSS or HTML?
Hello! I have a question about the difference in the ways to insert images. I know I can insert images through HTML and by CSS. But what’s the difference? And in what situation should I use each of…
-
1
votes1
answer956
viewsZoom in and Zoom out CSS3 in the same animation
I’m trying to make an animation in CSS3 with zoom in, zoom out and Transition in CSS3 + HTML. What I want is that by hovering the mouse over the div, it will scale down to 0.9 and then increase to…
-
1
votes1
answer30
viewsHow to keep a list of alternate backgrounds when searching
I have a gray background list in the item:Nth-Child(Odd) but when I do a search a None display is inserted in the items that contain nothing related and end up messing the order of colors, I need…
-
1
votes1
answer982
viewsHow to put a div on another with responsive?
Guys, I’m still a beginner, but I managed to make a 'gallery' for me, but I’m having difficulty putting an image and text on the items in this gallery. As you can see in the code below, when I…
-
1
votes1
answer100
viewsDIV resize after being clicked
hello I have a page with several DIV. that are different News. these divs are at a size of 300px by 250px, would like to know how do i click on any of these div she redeem on screen and get bigger…
-
1
votes0
answers987
viewsCss How to Leave the Right Side of the Slanted Div?
I have a demand in which I need to leave only one right side of an inclined div, that is, diagonally. How do I achieve this effect? While researching, I saw that I could use the code below to tilt…
-
1
votes3
answers1175
viewsBackground image problem in div
I have a problem in a div. Her name is <div id="content-homepage"> It turns out that this div has some contents inside (texts, titles and a button), and when I insert the image through the…
-
1
votes2
answers54
viewshow to render Unicode correctly
good afternoon to all!!! Guys, next, I have the following code "▼" it has to render in the browser an up arrow...However, when launching in the "content" of before, it renders exactly…
-
1
votes1
answer34
viewsDoubt Css - Unify Divs
Hello everybody Good afternoon! Look at the image below, is there any css property where I can remove the dividing line of the 2 Divs so the content stays the same? or the best option would be to…
-
1
votes1
answer306
viewsWhat’s the fastest way to organize your CSS files?
I am a student of Information Systems and I am putting together an HTML/CSS training for my junior company, and during this assembly came to me a question, what is the most effective way to organize…
-
1
votes1
answer152
viewsRor error: Undefined method `[]' for nil:Nilclass -> Sitename::Home#index
This application was made through the following Bootstrap template: https://blackrockdigital.github.io/startbootstrap-business-casual/ In my case, after I have made all the changes and adaptations,…
-
1
votes0
answers81
viewsForce table header to follow width of other columns dynamically
I’m using flexbox to do everything on the site, including the table, first tried using the basic structure of a table (thead, tbody and tfoot), but I couldn’t, so I tried to do it with simple rows…
-
1
votes0
answers39
viewsmusic playlist with play option, and download
I would like to know how I make a music playlist of this type. with the songs below each other, the option to give play to listen, and another option to download one by one. That in case I’ll take…
-
1
votes1
answer2201
viewsRemove edge that appears in browser Chrome and Firefox
How to remove edge that appears in browser Chrome and Firefox. Already in browser Edge does not appear. .fa-admin { font-size: 23px !important; line-height: .75em; vertical-align: -15%; position:…
-
1
votes2
answers547
viewsAlignment of fields in bootstrap
Good evening. On one of the pages of my site, I changed the position of the input fields to be next to the Abels, originally it was like this: http://tratspay.com/app/editar-produto.html . After my…
-
1
votes1
answer28
viewsITCSS - Where are the animation files?
I’m studying ITCSS as a way to better structure my folders and CSS files - I’m using it in conjunction with RSCSS. At first I was putting the animations together with the components or objects that…
css3asked 5 years, 8 months ago Felipe Oliveira 35 -
1
votes3
answers1895
viewsProgress bar with css
Well I’m trying to build a progress bar with css, and the progress value is 13.20% The problem is that this getting a degrade effect, and I want it to change from one color to another. .notification…
-
1
votes0
answers109
views -
1
votes1
answer205
viewsGithub doesn’t climb my site properly with Bootstrap 4
Good evening guys, I’m trying to get my site up on GITHUB that I’m working on for studies, but it’s not working properly it seems that the Bootstrap and CSS settings don’t work when I mirror it with…
-
1
votes2
answers1047
viewsProblem with CSS media queries
I’m trying to make my application run on smartphones, beyond the desktop standard. But I can’t get the media queries to work properly. It’s only working until the size of the tablet screen. When I…
-
1
votes2
answers682
viewsAdjustment of css bootstrap button
I’m trying to get the height of one button in the form, but it appears very high in relation to the fields: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"…
-
1
votes1
answer116
viewshow to define a background-image in src of an img tag using jquery?
I’m creating a modal to display a gallery and the idea is that when clicked on the images, the modal looks in the background-image of each <img> and apply to src. The modal works, but the…
-
1
votes1
answer321
viewsMaintain final effect of Animation css
I’m doing a loading screen and at the end of the effect, the css value that should be maintained, is the value that is in 100% of the Animation, only when the effect ends, it goes back to the…
-
1
votes1
answer455
viewsEffect of :Hover on an SVG inside the <img> tag
I have a file .svg here and I’m using the tag <img> to display this SVG on the screen but wanted to know if it has how to apply a CSS effect on it as :hover, unused jquery preferably, I’ve…
-
1
votes1
answer43
viewsChange product color Mouseover
Good morning... I need a help and do not know how to do. I have an Ecommerce. On the initial page my products appear like this: I want, that as soon as the customer passes the mouse over the colors,…
-
1
votes1
answer58
viewscss selector with Nth and not
I have a form with flexbox, only when an error is inserted div of alert, breaking the layout. Have some fields that are 50% on the same line <form method="post" action="XXX"…
-
1
votes0
answers385
viewsIonic 3 Sliding Button
I need to apply the slider effect with these buttons. I have the following html: <ion-row class="row-two-button"> <ion-col class="button-group"> <button ion-button round…
-
1
votes1
answer26
viewsProblems with site resizing
Good afternoon! I’d like your help with a personal website project of mine, I’m facing one or two problems with it, but let’s start at the beginning. First: When I resize the site to below 375px…
-
1
votes2
answers142
viewsCss does not change color to transparent
I have a menu of a site where specifying the element I change to a transparent color but it does not change, even putting as ! Port in front of the property. Behold: In this menu it is like this in…
-
1
votes1
answer16
viewsImage exchange error on dropdown button
Hello. I have a dropdown menu (bootstrap 3.3.7) that has two images that change them via css. When the menu is active the module button should not turn gray but white. This one below is correct.…