Articles of css

Appliquer une police unique à un site Web entier avec CSS

Je souhaite utiliser une police unique nommée “Algérien” sur l’ensemble de mon site. Donc, je dois changer toutes les balises HTML et je ne veux pas écrire un code différent pour différentes balises comme: button{font-family:Algerian;} div{font-family:Algerian;} La méthode écrite ci-dessous est également fortement déconseillée: div,button,span,strong{font-family:Algerian;}

Application d’un sharepoint suspension à un texte multiligne

Y a-t-il une solution pour append des points de suspension sur la dernière ligne à l’intérieur d’un div avec une hauteur de fluide (20%)? J’ai trouvé la fonction -webkit-line-clamp dans CSS, mais dans mon cas, le numéro de ligne dépend de la taille de la fenêtre. p { width:100%; height:20%; background:red; position:absolute; } Lorem ipsum […]

Le texte peut-il être masqué et affiché en utilisant simplement CSS (pas de code JavaScript)?

Est-il possible d’afficher et de cacher du texte en utilisant un lien uniquement avec CSS – sans utiliser du tout JavaScript? Par exemple: Sur cette page Notez le lien “Plus”. Lorsque vous cliquez dessus, il affiche le texte. Cet exemple particulier est le JavaScript, mais je ne suis pas sûr que cela puisse être fait […]

Effet haut / bas avec ng-show et ng-animate

J’essaie d’utiliser ng-animate pour obtenir un comportement similaire à slideUp() et slideDown() . Seulement je préfère utiliser ng-show Je regarde le tutoriel ng-animate ici – http://www.yearofmoo.com/2013/04/animation-in-angularjs.html , et je peux reproduire l’effet de fondu dans l’exemple fourni. Comment pourrais-je changer le css pour obtenir un comportement ascendant / descendant? Aussi, si possible, il vaut mieux […]

Option graphique HighCharts backgroundColor: ‘transparent’ affichant noir sur IE 8

Highcharts graphique Highcharts backgroundColor:’transparent’ affichant noir sur IE 8 histogram = new Highcharts.Chart({ chart: { renderTo: ‘histogram’, defaultSeriesType: ‘bar’, backgroundColor:’transparent’ } Cela fonctionne très bien sur IE 9 et autres mais échoue sur IE 8 et Safari.

Un moyen de déclarer une taille / bordure partielle à une case?

Un moyen de déclarer une taille / bordure partielle à une case dans css3? Par exemple une boîte avec 350px qui ne montre qu’une bordure inférieure dans ses 60 premières. Je pense que cela pourrait être très utile. Exemples:

Forme avec un côté oblique (sensible)

J’essaie de créer une forme comme dans l’image ci-dessous avec un bord incliné sur un seul côté (par exemple, le côté inférieur) tandis que les autres bords restnt droits. J’ai essayé d’utiliser la méthode border (le code est donné ci-dessous) mais les dimensions de ma forme sont dynamics et je ne peux donc pas utiliser […]

Texte transparent coupé du fond

Existe-t-il un moyen de découper un texte transparent dans un effet d’ arrière-plan comme celui de l’image suivante, avec CSS? Il serait sortingste de perdre tout précieux SEO en raison des images remplaçant le texte. J’ai d’abord pensé aux ombres mais je ne peux rien comprendre … L’image est l’arrière-plan du site, une absolue positionnée

Propriété de rotation CSS dans IE

Je veux faire pivoter le DIV dans une certaine mesure. Dans FF il fonctionne mais dans IE je suis confronté à un problème. Par exemple, dans le style suivant, je peux définir la rotation = 1 à 4 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); Cela signifie que le DIV sera pivoté à 90 ou 180 ou 270 ou 360 […]

Empêcher le «défilement excessif» de la page Web

Dans Chrome pour Mac, on peut “défriser” une page (faute de meilleur mot), comme le montre la capture d’écran ci-dessous, pour voir “ce qu’il y a derrière”, similaire à l’iPad ou à l’iPhone. J’ai remarqué que certaines pages sont désactivées, comme gmail et la page “nouvel onglet”. Comment puis-je désactiver le “défilement excessif”? Existe-t-il d’autres […]