Ik heb een website met diverse afbeeldingen. Ik wil alle afbeeldingen 3 graden draaien. De eerst linksom, de tweede rechtsom en zo verder.
Iemand een idee hoe ik dit kan doen?

Ik denk dat je een combinatie van transform property (http://www.w3schools.com/cssref/css3_pr_transform.asp) en de selector nth-child() (http://www.w3schools.com/cssref/sel_nth-child.asp) zoekt.

Voor de selector kun je 'even' en 'odd' gebruiken (staat op die pagina).

Kan me dan zo voorstellen dat jouw code er ongeveer zo uit ziet:

Code:

img:nth-child(odd){
    -ms-transform: rotate(3deg);/* IE 9 */
    -webkit-transform: rotate(3deg);/* Chrome, Safari, Opera */
    transform: rotate(3deg);
}
img:nth-child(even){
    -ms-transform: rotate(-3deg);/* IE 9 */
    -webkit-transform: rotate(-3deg);/* Chrome, Safari, Opera */
    transform: rotate(-3deg);
}

Ik heb het niet getest en weet niet hoe de images voor jouw site in de website staan, maar ik hoop dat dit je een goede opzet geeft om mee verder te kunnen!

Dat heb ik geprobeerd, maar dat werkt helaas niet.
Ik denk dat dat komt omdat mijn afbeeldingen in kolommen staan.

PHP Code:

<?php $posts = get_posts(array("post_type" => "project")); ?>
<?php foreach($posts AS $post): ?>
            
    <div class="col-xs-12 col-sm-4">
        <div class="project">
            <?php $image = get_field("image"); ?>
            <a class="image" href="<?php the_permalink(); ?>" title="<?php echo $image["title"]; ?>">
                <img class="img-responsive" src="<?php echo $image["sizes"]["large"]; ?>" alt="<?php echo $image["alt"]; ?>"/>
            </a>
            <h4><?php the_field("title"); ?></h4>
            <?php the_content(); ?> 
        </div>
    </div>

<?php endforeach; ?>

Oke dat is duidelijk, dan moet je het zo doen.

Code:

.col-xs-12:nth-child(odd) img {}
.col-xs-12:nth-child(even) img {}

Dit zou moeten werken, gebruik het regelmatig op een dergelijke manier.

Dankje! Dat is de oplossing :)
In mijn geval heb ik het nu zo opgelost.

Code:

.col-xs-12:nth-child(odd) .project .image {}
.col-xs-12:nth-child(even) .project .image {}