Articles of css3

Comment append une validation de formulaire en HTML?

J’ai un formulaire: College Name: College 1 College 2 College 3 College 4 College 5 College 6 Enquiry Type: MD/MS Coaching MDS Coaching DNB Coaching Message Submit Maintenant, je dois append le message de validation à chaque champ, comme pour afficher le texte en rouge en dessous du champ. Je ne connais pas grand chose […]

Pendant le défilement, la div en cours monte et une autre div en dessous (sous le fond de la première div) indique

J’ai une liste non ordonnée contient deux éléments de liste. Chaque élément de liste a un contenu qui remplit une hauteur de page. Cela signifie donc que toute la page Web contient deux pages à défilement. Je veux que lorsque je fais défiler le contenu de la première liste se cache (haut) et que le […]

Pourquoi la deuxième partie de code jQuery / la nouvelle partie CSS que j’ai ajoutée empêche-t-elle le premier code jQuery de fonctionner sur ma page?

Ok, donc pour améliorer mes compétences, j’ai décidé de créer une page “Play Market”. J’ai construit la barre de recherche avec l’effet de défilement (masque lors du défilement – s’affiche lors du défilement). (première partie jQuery). et ensuite créé les boutons – en cliquant sur l’image des 3 points, un menu est ouvert (voici mon […]

Pourquoi mes divs ne sont-ils pas animés par défilement?

http://codepen.io/donnaloia/pen/IekLw J’essaie de reproduire la démonstration du tympan en utilisant maçonnerie et animonscroll.js. la seule différence est que j’utilise des cartes div avec des images à l’intérieur au lieu de simples images. Voici la démo de travail sur Tympanus http://jsfiddle.net/Sfmv9/19/light/ Et voici mon code: http://codepen.io/macsupport/pen/eghEm Vous pouvez voir que la maçonnerie fonctionne, mais l’effet d’animation […]

Utiliser CSS3 transforme pour retourner (faire pivoter et redimensionner) un bloc

Je dois diviser des boîtes: J’ai alors CSS comme si: .back:hover { transform: scale(2) rotateX(0deg); } .front:hover { transform: rotateX(180deg) scale(1); } J’ai donc besoin de la transformation pour retourner les divs, ce qu’il fait bien tout seul. Mais comment puis-je le redimensionner 2x après le retournement?

Couvrir partiellement l’écran et faire glisser l’élément de superposition

J’essaie de créer une superposition-div, qui couvre tout l’écran – sauf 3em vers le bas. Je pense que ma tentative n’est pas l’optimum: CSS: #background { background-color: #ddd; width: 100%; height: 100%; } #overlay { position: absolute; height: 100%; background-color: #fff; width: 100%; top: -3em; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 5px […]

Niveaux de gris dans IE 10 et 11?

J’essaie de comprendre comment faire fonctionner les niveaux de gris dans IE 10 et 11. J’ai une grid d’icons que je veux mettre à l’échelle de gris. C’est construit quelque chose comme ça: Caption. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean egestas lectus non odio bibendum iaculis. Proin a lorem purus. Caption. Lorem […]

Glisser dans l’animation de changement de couleur du texte

Je travaille actuellement sur un site Web et j’essaie de créer une belle animation de survol de menu. Glisser la couleur du texte de gauche à droite .. Si vous voyez ce que je veux dire? Alors AE: Couleur du texte: Blanc Nouvelle couleur du texte: Noir Durée: 0.5s Mais déplacez l’animation de gauche à […]

Animer la couleur d’arrière-plan du centre aux coins d’une div en utilisant Javascript ou css

Si possible, pouvez-vous m’aider avec cette animation?, Le but de l’animation est d’animer une couleur de fond, la couleur est celle que je veux animer et non la div, car la div contient un autre élément que je veux afficher en permanence . L’animation que je recherche consiste à étendre la couleur [gris de contenant […]

Pouvons-nous rendre les objects en html (ng-repeat) après une certaine limite, pouvons-nous continuer à rendre de l’élément précédent au dernier

Je dois rendre la liste des profils de candidats sous forme de curseurs coursel (éléments) (limite de 18 par diapositive). C’est mon html: {{Candidate.Name}} De l’appel ajax, je vais obtenir la liste des profils de candidats – “CandidateProfiles” Code angular: ManagmentApp.controller(“cntrlrCandidateProfile”, [“$scope”, “$routeParams”, “HostelManagementService”, “$filter”, “ModalService”, function ($scope, $routeParams, HostelManagementService, $filter, ModalService) { function getCandidateProfiles(response) […]