Hoe de Hover Slider-animatie aan een rastercel toe te voegen?

Als u mooie lay-outs voor uw afbeeldingen, vormen en teksten wilt maken, kunt u het formaat van rastercellen met verschillende breedtes wijzigen om uw ontwerpen een moderne uitstraling te geven.

Gebruik het rasterelement om de responsieve modi gemakkelijk te maken. Op de kleinere schermen bewegen de rastercellen automatisch onder elkaar.

Het Grid Element is zeer flexibel. U kunt de lay-out aanpassen aan de vereisten van uw webdesign-idee. Om het raster dat je in een blok hebt geplaatst om te draaien. Selecteer dit element en ga vervolgens naar het eigenschappenvenster aan de rechterkant. Klik op de vervolgkeuzelijst Flip naast de rasterlay-out. Klik op Flip of Rotate om de bewerking uit te voeren.

Met de rasters kunt u verschillende inhoud organiseren, waaronder afbeeldingen, pictogrammen, vormen en tekst in de vorm van cellen, die erg handig zijn om te bedienen. In onze visuele editor kunt u eenvoudig cellen in een raster verplaatsen door eenvoudig de ene cel over de andere te slepen, waardoor uw lay-out en inhoud voor uw webontwerp worden geperfectioneerd. Bovendien kunt u op de pijlpictogrammen in het contextgereedschap van de cel klikken om de cel te verplaatsen.

U kunt de breedte van het raster eenvoudig wijzigen van Boxed naar Wide en vice versa. Selecteer een raster en ga vervolgens naar het eigenschappenvenster. Zoek het pictogram Boxed/Breed in de buurt van de waarden voor Breedte en Hoogte en wijzig de Gird Layout door op dat pictogram te klikken.

Krijg de grootste verscheidenheid aan rasterlay-outs voor uw webontwerp. De Grid Elements helpen je om je ontwerpen automatisch mobielvriendelijk te maken.

U kunt de afstand tussen de rastercellen wijzigen volgens uw webontwerpvereisten. Daarvoor kunt u de eigenschap Cell Gap in het eigenschappenvenster gebruiken. Selecteer een raster, ga dan naar het eigenschappenpaneel, scrol omlaag in het paneel, sleep de schuifregelaar om de opening te wijzigen.

De rasterelementen zijn erg handig om responsieve modi te bouwen, omdat in de kleinere schermen de rastercellen automatisch onder elkaar bewegen. Voor veel lay-outs kunt u ook de rastercelvolgorde in alle mobiele weergaven wijzigen. Kies het rasterelement, schakel de responsieve modus op de bovenste balk, pas uw raster indien nodig aan. Voor de meeste Grids hoeft u geen aanpassingen te doen.

Een cel van het rasterelement kan een achtergrond hebben en u kunt er verschillende typen voor gebruiken. U kunt Kleurvulling, Verloop, Afbeelding, Video toepassen of helemaal geen achtergrond hebben. Selecteer een rastercel en ga naar het eigenschappenvenster. Kies een achtergrondtype dat het beste bij uw webdesign past.

U kunt de lay-out van het toegevoegde raster op elk moment wijzigen in een blok. Selecteer het rasterelement en ga vervolgens naar het eigenschappenvenster. Klik op de pijl om de lijst met rastervoorinstellingen te openen en selecteer de lay-out die het beste bij uw webdesign-idee past. U kunt ook rastercellen toevoegen en verwijderen in de Editor.