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
votes0
answers25
viewsI would like to know how to create a button Udemy style that when you finish watching the video show that it’s over
[ { "episode": "ep1", "cover": "https://eduardorojas.com.br/clientes/prismafs/recursos/img/capa1.png", "video": "https://eduardorojas.com.br/clientes/prismafs/productive/videos/ep01.mp4", "Thumb"…
-
-1
votes0
answers8
viewshow to make a form box float on carousel
Friends, I need help. I’m taking a test for dev. And I need to put the form box fixed on top of Carousel but I’ve already researched everything and I couldn’t. I wonder if you could help me?…
-
-2
votes1
answer74
viewsWarp Shadow - CSS
I’m trying to make a warp shadow effect on my div but I’m not getting it, someone can help me? www.planow.com.br/nobre/empresa.php
-
-2
votes2
answers314
viewsRepeat Block with animation - CSS - PHP
I have an animation on my site, and I need to duplicate it, I mean, I need to create more of a "square" with the animation, without it conflicting with another: WEBSITE from a glance down there, and…
-
-2
votes1
answer148
viewsWhat is the name of this effect?
I would like to know the name of this effect. Where has ALL, IDENTITY, LOGO and PRINT. By clicking on each item, the images are separated by categories. Click here to access…
-
-2
votes2
answers649
viewsWhy css is not working
I need you to help adjust, there must be some mistake to get this big... I need this top-of-the-page notification. Without interfering with the other texts. In case I want the notification to be…
-
-2
votes3
answers4254
viewsAlign texts with different Ivs on the same line
Hello, I have a problem, I created a popup only for newsletter, but when passing it to html, with css, I needed to use 2 Divs (I tried to use all possible forms, fonts, p, span) different to change…
-
-2
votes1
answer1295
viewsMenu change color and description when selected
Hello, I was trying to create a menu that when selected it changes color, but when selecting another its color goes back to normal and the other activates the color. Also when selected, the base…
-
-2
votes1
answer513
viewsHow to organize the root folder of a website correctly?
would like to know what is the pattern to be followed and the best way to organize the site files correctly, example I have a main folder that and the name of the site and within that folder I have…
-
-2
votes3
answers569
viewsHow to make an interactive background?
I’m on a new project and I have a question. I would like to make the background (which is a simple gradient covering everything) of the home (home page) change its color tone according to mouse…
-
-2
votes1
answer87
viewsFile Upload and Download - Open source
Does anyone have an open source file upload and download system?! One that can manipulate the files, such as separating them by folders, moving them to other folders, etc...
-
-2
votes1
answer1396
viewsImage exiting outside the div at the top and footer
How do I create a border div and position an image with a discount value above that div coming out of it and just below it centralized a button in the middle of the div as the attached image;…
-
-2
votes4
answers3851
viewsEffect when passing the mouse
I’d like to know how to do this with the images in CSS. Thanks in advance! Website link http://demo.athemes.com/sydney/…
-
-2
votes1
answer446
viewsDelete a css selector
I have the following: <div> <ul class="menu-top-header-main-right"> <li><span class="icon-procurar"></span></li> <li>Entrar</li>…
-
-2
votes2
answers288
viewsHow to overwrite an image without Absolute? HTML+CSS
My goal is to insert a background image that can be written over with <h2>, <p> etc above it, but without using the position: Absolute because it interferes with page sub-menus by…
-
-2
votes1
answer36
viewsMy firefox does not render my Gina correctly
I always use Rome to do my tests on the pages I’m developing there in Rome everything is ok... But when I render the same page in firefox, the letters are slightly flattened and the measures and…
-
-2
votes1
answer55
viewsSwap . html and css if mobile instead of m.mysite
to change . html and css if mobile instead of using m.mysite using code, have as ?
-
-2
votes1
answer77
viewsHow to manipulate images? HTML5/CSS3/PHP/JS
I am developing a web site for a real estate and we display photos of various properties with carousel and other exhibitions, however the site is heavy because of the photos and I do not know what…
-
-2
votes1
answer61
viewsHeavy site because of images
I developed a website for a customer who has a feed store, with HTML5 and CSS3, nothing with backend and database, he just wants to publicize the products, prices and etc. The /img folder is 125MB…
-
-2
votes1
answer127
viewsAlways define standard Rule '@keyframes' when Defining keyframes
I have a css with the following animation: @-webkit-keyframes bounce { 0%, 20%, 60%, 100% { -ms-transform: translateY(0); } 0%, 20%, 60%, 100% { -o-transform: translateY(0); } 0%, 20%, 60%, 100% {…
-
-2
votes1
answer27
viewsGuys I have a for that every turn will show a video. I want the videos to be aligned 3 X 3 on the page. How can I do this?
I want to align the videos that the loop will display as follows, but without using Bootstrap: [] [] [] [] [] [] [] [] [] If it were just Frontend I could do this alignment with CSS(FLEX-BOX) good,…
-
-2
votes1
answer49
viewsCustom scroll bar
I need help adjusting a scrollbar that I customized, it works perfectly on Chrome, opera and Mozilla, but in ie and safari does not work, follow prints and codes. #aulas-do-curso::-webkit-scrollbar…
-
-2
votes0
answers16
viewsi am making a website and have a little message of novelty made in Html5 and css3 soq I did a btn q closes it I want qnd reacrregue it gets closed
•News | Chat is now available... const v1 = function () { const closed4 = document.getElementById('new_chat_alert').style.visibility = 'hidden' const closed0 =…
-
-2
votes2
answers268
viewsz-index does not change!
I have the website: Gás Muriaé, and a z-index error (probably) that I can’t get out. So the banner is superimposing the side order bar. Locally, I already changed the z-index in the plugin’s css to…
-
-2
votes1
answer66
viewsHow to insert an image via CSS?
Follow my HTML code: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"/> <title>web page</title> <link rel="stylesheet" type='text/css'…
-
-2
votes1
answer35
views -
-2
votes1
answer73
viewsHow to make the input follow the last character inserted?
The problem is this. I made a calculator and the result input this as readonly. To insert the number into it just by clicking on the buttons I made as shown in the following photo: However, when…
-
-2
votes2
answers99
viewsArrow in select with div and jquery
$( document ) . ready( function () { $( 'div#bloqueioSelect' ) . click( function () { if ( $( 'div#bloqueioSelect ul' ) . is( ':visible' ) ) $( 'div#bloqueioSelect ul' ) . css( 'display', 'none' );…
-
-2
votes1
answer53
viewsWhen inserted content into the div, the page does not scroll right
When inserted content into the div, the page does not scroll right, but without the content it was normal. var _AlturaDocumento = $(window).height(); function AlturaSecao(){…
-
-2
votes2
answers232
viewsHow to give bottom spacing (distance) in a li
Hello, guys. I’m new with development and I’m studying a little front-end (and loving hehe) I’m, for student purposes, creating a simple store website. I created a menu at the top of this page,…
-
-2
votes2
answers267
views@keyframes does not work
have a function jQuery which adds to a div the class below: .brancoTransparente { animation: cor; opacity: .9; transition: all .3s; } .brancoTransparente a { color: #000; } @keyframes cor{ 0% {…
-
-2
votes1
answer27
viewsCreating part table link with Divs
.table{ } .row-table-head, .row-table a{ display: grid; grid-template-columns: 50px 180px 70px; width: 300px; margin: auto; } .row-table-head{ display: block; } .row-table a{ text-decoration: none;…
-
-2
votes1
answer27
viewsJquery - Open all tabs
I’ve created a div that will expand. But when I click expand, all the Ivs open instead of just opening the one I want to expand. Is there any way to open only the div I clicked? Note: It will be…
-
-2
votes1
answer305
viewsMove column items to grid css column
I want to know if there is a way to move an item within a column to another column using css grid. Follow example: here I wanted to move this green div to the second column of the purple div using…
-
-2
votes1
answer405
viewsHow to make an element occupy the entire height of the div?
I have an element <aside>, and I want him to occupy all the height of <div> where it is inserted. However, I don’t know how to set the height relative to another element. How can I set…
-
-2
votes1
answer85
views -
-2
votes2
answers160
viewsAdjust Card Location
Good morning, I’m creating a responsive web page and I’d like the top of the card to always be right in the middle of the image I put in the background, regardless of the screen size. I have no idea…
-
-2
votes1
answer48
viewsHow does an image adapt to the placement of an element in css?
I’m building a project and I had to use css, which by the way is not my strong suit, and I came across the following situation, the site needs to be responsive, but when I went to put elements…
-
-2
votes2
answers76
viewsDifference between element.class{} and element . class{}
I was mounting a screen using css and html, and came across the following situation: class "x" is added with a js, when the user rolls the sidebar (if the position is greater than 0, class x is…
-
-2
votes1
answer35
viewsHow do I center a page loaded by onclick into a div?
I have the following form I want to load into a div @charset "UTF-8"; *{ padding: 0; margin: 0; } .form { display: flex; width: 50%; margin-left: 350px; } .campo { width: 40%; float: left; margin:…
-
-2
votes2
answers46
viewsFilling the Div container does not complete everything
I’m starting and tals. I created div container as root for all content. Just when I changed the background color did not change everything, I can not understand, someone can explain to me where the…
-
-2
votes2
answers640
viewsChange text color with :Hover, but does not work CSS3
I’m using the pseudo-class :hover to change the style of an element <li>, when I move the mouse over. The background-color works, but the color of the text does not. I have no idea why. It…
-
-2
votes1
answer179
viewsMenu with svg image icons sometimes does not load in mobile version
What could possibly be affecting my experience in this? I had to change some images to png, but I can’t tell if it was the best way, the experience I have on desktop layout is much better with SVG…
-
-2
votes2
answers88
viewsHow to align text with left text
Guys, I created a footer with the footer but I want the text on the left to be aligned with the one on the right same height and same line. My CSS: .rodape { width:100%; height:40%;…
-
-2
votes1
answer59
viewsMy code doesn’t work!
I’m learning to move the JS and I’m playing a little game. I want to know what’s wrong with it, because I put the code exactly like the video class I watch, but it doesn’t run at all. It was to…
-
-2
votes1
answer50
viewssetInterval() I’m not getting it to work
I’m not getting to put the time because I created a Carousel and wanted to put a 4 seconds interval for iteration . <!DOCTYPE html> <html lang="pt-br"> <head> <meta…
-
-2
votes1
answer77
viewsMake div occupy the rest of the screen
Good afternoon, I tried several ways and could not make the container div occupy 100% of the screen (height). Above I have another div. *{ margin: 0; padding: 0; box-sizing: border-box; color:…
-
-2
votes2
answers152
viewsError loading CSS file, cannot find directory
I’m making a simple app, but I’m getting all confused in accessing the folders. I want to call the about.css file inside the layout.njk file. The directories I’ve tried none of worked. The structure…
-
-2
votes1
answer59
viewsI cannot use :checked
css: .menu { display: block; } /* CSS quando o checkbox está marcado */ #bt-menu:checked~.menu { display: none; } <div class="menuu"> <input type="checkbox" id="bt_menu"> <label…
-
-2
votes1
answer71
viewshtml document does not recognize CSS3 stylesheet
Hi, guys, I am learning html and I have stopped because my document does not recognize the course style sheet that I am following. At first I thought it was an error in my code, but it was working…